[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3240":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},3240,"fks","JacksonTian\u002Ffks","JacksonTian","前端技能汇总 Frontend Knowledge Structure","http:\u002F\u002Fhtml5ify.com\u002Ffks\u002F",null,"JavaScript",17944,4518,1567,16,0,1,7,68.2,false,"master",true,[],"2026-06-12 04:00:17","Frontend Knowledge Structure\n========\n## 项目起源\n还记得@jayli 的这幅前端知识结构图么。\n\n![前端知识结构](https:\u002F\u002Fraw.github.com\u002FJacksonTian\u002Ffks\u002Fmaster\u002Ffigures\u002Ffks.jpg)\n\n图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。\n\n[可视化效果](http:\u002F\u002Fhtml5ify.com\u002Ffks\u002Ffks_chart\u002F)\n\n## 前端开发知识结构\n- 前端工程师\n    - 浏览器\n        - IE6\u002F[7](http:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fdownload\u002Finternet-explorer-7-details.aspx)\u002F[8](http:\u002F\u002Fwindows.microsoft.com\u002Fen-US\u002Finternet-explorer\u002Fdownloads\u002Fie-8)\u002F[9](http:\u002F\u002Fwindows.microsoft.com\u002Fen-US\u002Finternet-explorer\u002Fdownloads\u002Fie-9\u002Fworldwide-languages)\u002F[10](http:\u002F\u002Fwindows.microsoft.com\u002Fen-US\u002Finternet-explorer\u002Fie-10-worldwide-languages)\u002F[11](http:\u002F\u002Fwindows.microsoft.com\u002Fen-US\u002Finternet-explorer\u002Fie-11-worldwide-languages) (Trident) \u002F [Edge](https:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fwindows\u002Fmicrosoft-edge) (EdgeHTML)\n        - [Firefox](http:\u002F\u002Fwww.mozilla.org\u002Fen-US\u002F) (Gecko)\n        - [Chrome](http:\u002F\u002Fwww.google.com\u002Fchrome)\u002F[Chromium](http:\u002F\u002Fwww.chromium.org\u002F) (Blink)\n        - [Safari](http:\u002F\u002Fwww.apple.com\u002Fsafari\u002F) (WebKit)\n        - [Opera](http:\u002F\u002Fwww.opera.com\u002F) (Blink)\n    - 编程语言\n        - [JavaScript](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FJavaScript)★\u002F[Node.js](http:\u002F\u002Fnodejs.org\u002F)\n        - [TypeScript](http:\u002F\u002Fwww.typescriptlang.org\u002F)★\n        - [CoffeeScript](http:\u002F\u002Fcoffeescript.org\u002F)\n    - 切页面\n        - [HTML5](http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml5\u002F)\n        - [CSS\u002FCSS3](http:\u002F\u002Fwww.w3.org\u002FStyle\u002FCSS\u002F)\n        - [Sass](http:\u002F\u002Fsass-lang.com\u002F)\u002F[LESS](http:\u002F\u002Flesscss.org\u002F)\u002F[Stylus](http:\u002F\u002Flearnboost.github.io\u002Fstylus\u002F)\u002F[postCSS](https:\u002F\u002Fgithub.com\u002Fpostcss\u002Fpostcss)\n        - [PhotoShop](http:\u002F\u002Fwww.photoshop.com\u002Fproducts\u002Fphotoshop)\u002F[Paint.net](http:\u002F\u002Fwww.getpaint.net\u002F)\u002F[Fireworks](http:\u002F\u002Fwww.adobe.com\u002Fcn\u002Fproducts\u002Ffireworks.html)\u002F[GIMP](http:\u002F\u002Fwww.gimp.org\u002F)\u002F[Sketch](http:\u002F\u002Fbohemiancoding.com\u002Fsketch\u002F)\n    - 开发工具\n        - 编辑器和IDE\n            - [Visual Studio Code](https:\u002F\u002Fcode.visualstudio.com\u002F)★\n            - [VIM](http:\u002F\u002Fwww.vim.org\u002F)\u002F[Sublime Text2](http:\u002F\u002Fwww.sublimetext.com\u002F)\n            - [Notepad++](http:\u002F\u002Fnotepad-plus-plus.org\u002F)\u002F[EditPlus](http:\u002F\u002Fwww.editplus.com\u002F)\n            - [WebStorm](http:\u002F\u002Fwww.jetbrains.com\u002Fwebstorm\u002F)\n            - [Emacs](http:\u002F\u002Fwww.gnu.org\u002Fsoftware\u002Femacs\u002F)  [EmacsWiki](http:\u002F\u002Femacswiki.org)\n            - [Brackets](http:\u002F\u002Fbrackets.io)\n            - [Atom](https:\u002F\u002Fatom.io\u002F)\n            - [CodeLobster](https:\u002F\u002Fcodelobster.com\u002F)\n            - [Lime Text](http:\u002F\u002Flimetext.org\u002F)\n            - [Light Table](http:\u002F\u002Flighttable.com\u002F)\n            - [Codebox](https:\u002F\u002Fwww.codebox.io\u002F)\n            - [TextMate](http:\u002F\u002Fmacromates.com\u002F)\n            - [Neovim](http:\u002F\u002Fneovim.org\u002F)\n            - [Komodo IDE \u002F Edit](http:\u002F\u002Fwww.activestate.com\u002Fkomodo-edit)\n            - [Eclipse](http:\u002F\u002Fwww.eclipse.org\u002F)\n            - [Visual Studio](http:\u002F\u002Fwww.visualstudio.com\u002F)\n            - [NetBeans](https:\u002F\u002Fnetbeans.org\u002F)\n            - [Cloud9 IDE](http:\u002F\u002Fc9.io\u002F)\n            - [HBuilder](http:\u002F\u002Fwww.dcloud.io\u002F)\n            - [Nuclide](http:\u002F\u002Fnuclide.io\u002F)\n        - 调试工具\n            - [Chrome Dev Tools](https:\u002F\u002Fdeveloper.chrome.com\u002Fdevtools)★\n            - [Firebug](http:\u002F\u002Fgetfirebug.com\u002F)\u002F[Firecookie](https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Ffirecookie\u002F)\n            - [YSlow](http:\u002F\u002Fdeveloper.yahoo.com\u002Fyslow\u002F)\n            - [IEDeveloperToolbar](http:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fdownload\u002Fdetails.aspx?id=18359)\u002F[IETester](http:\u002F\u002Fwww.my-debugbar.com\u002Fwiki\u002FIETester\u002FHomePage)\n            - [Fiddler](http:\u002F\u002Fwww.telerik.com\u002Ffiddler)\n            - [Dragonfly](http:\u002F\u002Fwww.opera.com\u002Fdragonfly\u002F)\n            - [DebugBar](http:\u002F\u002Fwww.debugbar.com\u002F)\n            - [Venkman](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FVenkman)\n            - [Charles](https:\u002F\u002Fwww.charlesproxy.com\u002F)\n        - 版本管理\n            - [Git](http:\u002F\u002Fgit-scm.com\u002F)\u002F[SVN](http:\u002F\u002Fsubversion.apache.org\u002F)\u002F[Mercurial](http:\u002F\u002Fmercurial.selenic.com\u002F)\n            - [Github](https:\u002F\u002Fgithub.com\u002F)\u002F[GitLab](https:\u002F\u002Fabout.gitlab.com\u002F)\u002F[Bitbucket](https:\u002F\u002Fbitbucket.org\u002F)\u002F[Gitorious](https:\u002F\u002Fgitorious.org\u002F)\u002F[GNU Savannah](http:\u002F\u002Fsavannah.gnu.org\u002F)\u002F[Launchpad](https:\u002F\u002Flaunchpad.net\u002F)\u002F[SourceForge](http:\u002F\u002Fsourceforge.net\u002F)\u002F[TeamForge](http:\u002F\u002Fwww.collab.net\u002Fproducts\u002Fteamforge)\n    - 代码质量\n        - Coding style\n            - [ESLint](https:\u002F\u002Fgithub.com\u002Feslint\u002Feslint)★\n            - [JSLint](http:\u002F\u002Fwww.jslint.com\u002F)\u002F[JSHint](http:\u002F\u002Fwww.jshint.com\u002F)\u002F[jscs](https:\u002F\u002Fgithub.com\u002Fmdevils\u002Fnode-jscs)\u002F\n            - [CSSLint](http:\u002F\u002Fcsslint.net\u002F)\n            - [Markup Validation Service](http:\u002F\u002Fvalidator.w3.org\u002F)\n            - [HTML Validators](https:\u002F\u002Fvalidator.whatwg.org\u002F)\n        - 单元测试\n            - [Mocha](http:\u002F\u002Fmochajs.org\u002F)★\n            - [QUnit](http:\u002F\u002Fqunitjs.com\u002F)\u002F[Jasmine](http:\u002F\u002Fjasmine.github.io\u002F)\n            - [Should](https:\u002F\u002Fgithub.com\u002Fvisionmedia\u002Fshould.js\u002F)\u002F[Chai](http:\u002F\u002Fchaijs.com\u002F)\u002F[Expect](https:\u002F\u002Fgithub.com\u002FLearnBoost\u002Fexpect.js\u002F)\n            - [Unit JS](http:\u002F\u002Funitjs.com\u002F)\n        - 自动化测试\n            - [WebDriver](http:\u002F\u002Fdocs.seleniumhq.org\u002Fdocs\u002F03_webdriver.jsp)\u002F[Protractor](https:\u002F\u002Fgithub.com\u002Fangular\u002Fprotractor)\u002F[Karma Runner](https:\u002F\u002Fgithub.com\u002Fkarma-runner\u002Fkarma)\u002F[Sahi](http:\u002F\u002Fsahi.co.in\u002F)\n            - [phantomjs](http:\u002F\u002Fphantomjs.org\u002F)\n            - [SourceLabs](https:\u002F\u002Fsaucelabs.com\u002F)\u002F[BrowserStack](http:\u002F\u002Fwww.browserstack.com\u002F)\n    - 前端库\u002F框架\n        - [Vue](http:\u002F\u002Fcn.vuejs.org\u002F)★\n        - [React](http:\u002F\u002Ffacebook.github.io\u002Freact\u002F)★\n        - [jQuery](http:\u002F\u002Fjquery.com\u002F)\u002F[Underscore](http:\u002F\u002Funderscorejs.org\u002F)\u002F[Mootools](http:\u002F\u002Fmootools.net\u002F)\u002F[Prototype.js](http:\u002F\u002Fwww.prototypejs.org\u002F)\n        - [YUI3](http:\u002F\u002Fyuilibrary.com\u002Fprojects\u002Fyui3\u002F)\u002F[Dojo](http:\u002F\u002Fdojotoolkit.org\u002F)\u002F[ExtJS](http:\u002F\u002Fwww.sencha.com\u002Fproducts\u002Fextjs)\u002F[KISSY](http:\u002F\u002Fdocs.kissyui.com\u002F)\n        - [Backbone](http:\u002F\u002Fbackbonejs.org\u002F)\u002F[KnockoutJS](http:\u002F\u002Fknockoutjs.com\u002F)\u002F[Emberjs](http:\u002F\u002Femberjs.com\u002F)\n        - [AngularJS](http:\u002F\u002Fangularjs.org\u002F)\n            - [Batarang](https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fangularjs-batarang\u002Fighdmehidhipcmcojjgiloacoafjmpfk)\n        - [Bootstrap](http:\u002F\u002Fgetbootstrap.com\u002F)\n        - [Semantic UI](http:\u002F\u002Fwww.semantic-ui.com\u002F)\n        - [Juice UI](http:\u002F\u002Fjuiceui.com\u002F)\n        - [Web Atoms](http:\u002F\u002Fwebatomsjs.neurospeech.com\u002F)\n        - [Polymer](http:\u002F\u002Fdocs.polymerchina.org\u002F)\n        - [Dhtmlx](http:\u002F\u002Fdhtmlx.com\u002F)\n        - [qooxdoo](http:\u002F\u002Fqooxdoo.org\u002F)\n        - [Nwjs](https:\u002F\u002Fgithub.com\u002Fnwjs\u002Fnw.js)\n        - [React-native](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Freact-native)\n        - [Brick](http:\u002F\u002Fmozbrick.github.io\u002F)\n    - 前端标准\u002F规范\n        - HTTP\u002F1.1: RFCs 7230-7235\n        - [HTTP\u002F2](https:\u002F\u002Fhttp2.github.io\u002F)\n        - [ECMAScript3\u002F5](http:\u002F\u002Fwww.ecma-international.org\u002Fpublications\u002Fstandards\u002FEcma-262.htm)\n        - [ECMAScript6](http:\u002F\u002Fwww.ecma-international.org\u002Fecma-262\u002F6.0\u002Findex.html)\n        - [W3C: DOM\u002FBOM\u002FXHTML\u002FXML\u002FJSON\u002FJSONP\u002F...](http:\u002F\u002Fwww.w3.org\u002FTR\u002F)\n        - [CommonJS Modules](http:\u002F\u002Fwiki.commonjs.org\u002Fwiki\u002FModules\u002F1.0)\u002F[AMD](https:\u002F\u002Fgithub.com\u002Famdjs\u002Famdjs-api\u002Fwiki\u002FAMD)\n        - [HTML5](http:\u002F\u002Fwww.w3.org\u002Fhtml\u002Fwg\u002Fdrafts\u002Fhtml\u002Fmaster\u002F)\u002F[CSS3](http:\u002F\u002Fwww.w3.org\u002FStyle\u002FCSS\u002Fspecs.en.html)\n        - [Semantic Web](http:\u002F\u002Fsemanticweb.org\u002F)\n            - [MicroData](http:\u002F\u002Fschema.org)\n            - [RDFa](http:\u002F\u002Fwww.w3.org\u002FTR\u002Frdfa-core\u002F)\n        - [Web Accessibility](http:\u002F\u002Fwww.w3.org\u002FWAI\u002F)\n            - [WCAG](http:\u002F\u002Fwww.w3.org\u002FTR\u002FWAI-WEBCONTENT\u002F)\n            - [Role Attribute](http:\u002F\u002Fwww.w3.org\u002FTR\u002Frole-attribute\u002F)\n            - [WAI-ARIA](http:\u002F\u002Fwww.w3.org\u002FTR\u002Fwai-aria\u002F)\n    - 性能\n        - [JSPerf](http:\u002F\u002Fjsperf.com\u002F)\n        - [YSlow 35 rules](http:\u002F\u002Fdeveloper.yahoo.com\u002Fperformance\u002Frules.html)\n        - [PageSpeed](https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fpagespeed\u002F)\n        - [HTTPWatch](http:\u002F\u002Fwww.httpwatch.com\u002F)\n        - [DynaTrace's Ajax](http:\u002F\u002Fwww.compuware.com\u002Fapplication-performance-management\u002Fdynatrace-ajax-download.html)\n        - [高性能JavaScript](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F5362856\u002F)\n    - SEO\n    - 编程知识储备\n        - [数据结构](http:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002F%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84)\n        - OOP\u002FAOP\n        - [原型链](http:\u002F\u002Fnet.tutsplus.com\u002Ftutorials\u002Fjavascript-ajax\u002Fprototypes-in-javascript-what-you-need-to-know\u002F)\u002F作用域链\n        - [闭包](http:\u002F\u002Fwww.jibbering.com\u002Ffaq\u002Fnotes\u002Fclosures\u002F)\n        - [编程范型](http:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002F%E7%BC%96%E7%A8%8B%E8%8C%83%E5%9E%8B)\n        - [设计模式](http:\u002F\u002Faddyosmani.com\u002Fresources\u002Fessentialjsdesignpatterns\u002Fbook\u002F)\n        - [Javascript Tips](http:\u002F\u002Fsanshi.me\u002Farticles\u002FJavaScript-Garden-CN\u002Fhtml\u002Findex.html)\n    - 部署流程\n        - 压缩合并\n            - [YUI Compressor](http:\u002F\u002Fdeveloper.yahoo.com\u002Fyui\u002Fcompressor\u002F)\n            - [Google Clousure Complier](https:\u002F\u002Fdevelopers.google.com\u002Fclosure\u002Fcompiler\u002F)\n            - [UglifyJS](https:\u002F\u002Fgithub.com\u002Fmishoo\u002FUglifyJS)\n            - [CleanCSS](https:\u002F\u002Fgithub.com\u002FGoalSmashers\u002Fclean-css)\n        - 文档输出\n            - [JSDoc](https:\u002F\u002Fgithub.com\u002Fjsdoc3\u002Fjsdoc)\n            - [Dox](https:\u002F\u002Fgithub.com\u002Fvisionmedia\u002Fdox)\u002F[Doxmate](https:\u002F\u002Fgithub.com\u002FJacksonTian\u002Fdoxmate)\u002F[Grunt-Doxmate](https:\u002F\u002Fgithub.com\u002Fluozhihua\u002Fgrunt-doxmate)\n        - 项目构建工具\n            - [make](http:\u002F\u002Fwww.gnu.org\u002Fsoftware\u002Fmake\u002F)\u002F[Ant](http:\u002F\u002Fant.apache.org\u002F)\n            - [GYP](http:\u002F\u002Fcode.google.com\u002Fp\u002Fgyp\u002F)\n            - [Grunt](http:\u002F\u002Fgruntjs.com\u002F)\n            - [Gulp](http:\u002F\u002Fgulpjs.com\u002F)\n            - [Yeoman](http:\u002F\u002Fyeoman.io\u002F)\n            - [FIS](http:\u002F\u002Ffis.baidu.com\u002F)\n            - [Mod](https:\u002F\u002Fgithub.com\u002Fmodulejs\u002Fmodjs)\n        - ES6＋ 转换器\n            - [Traceur](https:\u002F\u002Fgithub.com\u002Fgoogle\u002Ftraceur-compiler)\n            - [Babel](https:\u002F\u002Fbabeljs.io\u002F)★\n    - 代码组织\n        - 类库模块化\n            - [CommonJS](http:\u002F\u002Fwww.commonjs.org\u002F)\u002FAMD\n            - [YUI3模块](http:\u002F\u002Fyuilibrary.com\u002Fprojects\u002Fyui3\u002F)\n            - [webpack](http:\u002F\u002Fwebpack.github.io\u002F)\n        - 业务逻辑模块化\n            - [bower](https:\u002F\u002Fgithub.com\u002Ftwitter\u002Fbower)\u002F[component](https:\u002F\u002Fgithub.com\u002Fcomponent\u002Fcomponent)\n        - 文件加载\n            - [SeaJS](http:\u002F\u002Fseajs.org\u002F)\u002F[Require.js](http:\u002F\u002Frequirejs.org\u002F)\n            - [LABjs](http:\u002F\u002Flabjs.com\u002F)\n        - 模块化预处理器\n            - [Browserify](https:\u002F\u002Fgithub.com\u002Fsubstack\u002Fnode-browserify)\n    - 安全\n        - [CSRF](http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCross-site_request_forgery)\u002F[XSS](http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCross-site_scripting)\n        - [CSP](http:\u002F\u002Fwww.w3.org\u002FTR\u002FCSP\u002F)\n        - [Same-origin policy](https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FSecurity\u002FSame-origin_policy)\n        - ADsafe\u002FCaja\u002FSandbox\n    - 移动Web\n        - HTML5\u002FCSS3\n        - [响应式网页设计](http:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002F%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1)\n        - [Zeptojs](http:\u002F\u002Fzeptojs.com\u002F)\u002F[iScroll](http:\u002F\u002Fcubiq.org\u002Fiscroll)\n        - V5\u002F[Sencha Touch](http:\u002F\u002Fwww.sencha.com\u002Fproducts\u002Ftouch)\n        - [PhoneGap](http:\u002F\u002Fphonegap.com\u002F)\u002F[Cordova](https:\u002F\u002Fcordova.apache.org\u002F)\n        - [jQuery Mobile](http:\u002F\u002Fjquerymobile.com\u002F)\n        - [W3C Mobile Web Initiative](http:\u002F\u002Fwww.w3.org\u002FMobile\u002F)\n        - [W3C mobileOK Checker](http:\u002F\u002Fvalidator.w3.org\u002Fmobile\u002F)\n        - [Open Mobile Alliance](http:\u002F\u002Fopenmobilealliance.org\u002F)\n        - [React Native](https:\u002F\u002Ffacebook.github.io\u002Freact-native\u002F)\n        - [ionic](http:\u002F\u002Fionicframework.com\u002F)\n    - 前沿技术社区\u002F会议\n        - [D2](http:\u002F\u002Fd2forum.org)\u002F[WebRebuild](http:\u002F\u002Fwww.webrebuild.org\u002F)\n        - NodeParty\u002F[W3CTech](http:\u002F\u002Fw3ctech.com)\u002F[HTML5梦工厂](http:\u002F\u002Fwww.html5dw.com)\n        - [JSConf](http:\u002F\u002Fjsconf.com\u002F)\u002F[沪JS(JSConf.cn)](http:\u002F\u002Fjsconf.cn)\n        - QCon\u002FVelocity\u002FSDCC\n        - [JSConf](http:\u002F\u002Fjsconf.com\u002F)\u002F[NodeConf](http:\u002F\u002Fwww.nodeconf.com\u002F)\n        - [CSSConf](http:\u002F\u002Fcssconf.com\u002F)\n        - YDN\u002FYUIConf\n        - HybridApp\n        - [WHATWG](http:\u002F\u002Fwhatwg.org\u002F)\n        - [MDN](https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002F)\n        - [codepen](http:\u002F\u002Fcodepen.io\u002F)\n        - [w3cplus](http:\u002F\u002Fwww.w3cplus.com\u002F)\n        - [CNode](https:\u002F\u002Fcnodejs.org\u002F)\n    - 计算机知识储备\n        - 编译原理\n        - [计算机网络](http:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002F%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C)\n        - [操作系统](http:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002F%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F)\n        - 算法原理\n        - 软件工程\u002F软件测试原理\n        - [Unicode](http:\u002F\u002Fwww.unicode.org\u002F)\n    - 软技能\n        - 知识管理\u002F总结分享\n        - 沟通技巧\u002F团队协作\n        - 需求管理\u002FPM\n        - 交互设计\u002F可用性\u002F可访问性知识\n    - 可视化\n        - SVG\u002FCanvas\u002FVML\n        - SVG: [D3](http:\u002F\u002Fd3js.org\u002F)\u002F[Raphaël](http:\u002F\u002Fdmitrybaranovskiy.github.io\u002Fraphael\u002F)\u002F[Snap.svg](http:\u002F\u002Fsnapsvg.io\u002F)\u002F[DataV](http:\u002F\u002Fdatavlab.org\u002Fdatavjs\u002F)\n        - Canvas: [CreateJS](http:\u002F\u002Fwww.createjs.com\u002F)\u002F[KineticJS](http:\u002F\u002Fkineticjs.com\u002F)\n        - [WebGL](http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FWebGL)\u002F[Three.JS](http:\u002F\u002Fthreejs.org\u002F)\n\n- 后端工程师\n    - 编程语言\n        - C\u002FC++\u002FJava\u002FPHP\u002FRuby\u002FPython\u002F...\n    - 网页服务器\n        - [Nginx](http:\u002F\u002Fnginx.org\u002Fen\u002F)\n        - [Apache](http:\u002F\u002Fhttpd.apache.org\u002F)\n        - [Lighttpd](http:\u002F\u002Fwww.lighttpd.net\u002F)\n    - 数据库\n        - SQL\n        - [MySQL](http:\u002F\u002Fwww.mysql.com\u002F)\u002F[PostgreSQL](http:\u002F\u002Fwww.postgresql.org\u002F)\u002F[Oracle](http:\u002F\u002Fwww.oracle.com\u002Fus\u002Fproducts\u002Fdatabase\u002Foverview\u002Findex.html)\u002F[DB2](http:\u002F\u002Fwww-01.ibm.com\u002Fsoftware\u002Fdata\u002Fdb2)\n        - [MongoDB](http:\u002F\u002Fwww.mongodb.org\u002F)\u002F[CouchDB](http:\u002F\u002Fcouchdb.apache.org\u002F)\n    - 数据缓存\n        - [Redis](http:\u002F\u002Fredis.io\u002F)\n        - [Memcached](http:\u002F\u002Fmemcached.org\u002F)\n    - 文件缓存\u002F代理\n        - [Varnish](https:\u002F\u002Fwww.varnish-cache.org\u002F)\n        - [Squid](http:\u002F\u002Fwww.squid-cache.org\u002F)\n    - 操作系统\n        - Unix\u002FLinux\u002FOS X\u002FWindows\n    - 数据结构\n\n## 前端书籍推荐\n★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.\n\n### CSS\n- [Eric Meyer 谈 CSS（卷二）](http:\u002F\u002Fwww.amazon.cn\u002FEric-Meyer-谈-CSS-迈耶\u002Fdp\u002FB00170M84I\u002F)★★★\n- [CSS权威指南 （第3版）](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2308234\u002F)★★\n- [精通CSS](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4736167\u002F)★★★\n- [HTML & CSS设计与构建网站](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F21338365\u002F)★\n\n### JavaScript\n- [JavaScript & jQuery交互式Web前端开发](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F26433805\u002F)★\n- [JavaScript DOM编程艺术 （第2版）](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F6038371\u002F)★\n- [JavaScript高级程序设计（第3版）](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F10546125\u002F)★★\n- [锋利的jQuery](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F10792216\u002F)★★\n- [高性能JavaScript](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F5362856\u002F)★★★\n- [JavaScript语言精粹](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3590768\u002F)★★★\n- [JavaScript权威指南](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F10549733\u002F)★★★\n- [编写可维护的JavaScript](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F21792530\u002F)★★★\n- [JAVASCRIPT语言精髓与编程实践](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3012828\u002F)★★★\n- [Effective Javascript](http:\u002F\u002Fwww.amazon.com\u002FEffective-JavaScript-Specific-Software-Development\u002Fdp\u002F0321812182)★★★\n- [Secrets of the JavaScript Ninja](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3176860\u002F)★★★\n- [JavaScript模式](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F11506062\u002F)★★★\n- [JavaScript设计模式](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3329540\u002F)★★★★\n- [基于MVC的JavaScript Web富应用开发](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F10733304\u002F)★★★\n\n### 性能实践\n- [高性能网站建设指南](https:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3132277\u002F)★\n- [高性能网站建设进阶指南](https:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4719162\u002F)★★\n- [Web性能实践日志](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F25891125\u002F)★★★\n- [Web性能权威指南](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F25856314\u002F)★★★\n\n### 版本控制工具\n- [版本控制之道 (git)](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4813786\u002F)★★\n- [Pro Git](http:\u002F\u002Fiissnan.com\u002Fprogit\u002F)★★★\n- [Git权威指南](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F6526452\u002F)★★★★\n\n## 后端书籍推荐\n### Linux管理\n- [Linux 系统管理技术手册](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3042029\u002F)\n- [鸟哥的 Linux 私房菜](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4889838\u002F)\n- [Linux 101 Hacks](http:\u002F\u002Fwww.thegeekstuff.com\u002Flinux-101-hacks-free-ebook-non-english\u002F)\n- [UNIX Shell Scripting](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3519360\u002F)\n- [The Linux Command Line](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F6806862\u002F)\n- [Linux Network Administrator's Guide](http:\u002F\u002Foreilly.com\u002Fopenbook\u002Flinag2\u002Fbook\u002Findex.html)\n\n### Linux编程\n- [Linux程序设计](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4831448\u002F)\n- [Linux系统编程](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3907181\u002F)\n- [Unix环境高级编程](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1788421\u002F)\n- [Unix编程艺术](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1467587\u002F)\n- [The Linux Programming Interface](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4292217\u002F)\n- [程序员的自我修养](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3652388\u002F)\n- [深入理解Linux内核](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2287506\u002F)\n- [Unix网络编程](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1500149\u002F)\n- [TCP\u002FIP高级编程](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1088054\u002F)\n\n### C\u002FC++\n- [Linux C编程一站式学习](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F4141733\u002F)\n- [C和指针](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F3012360\u002F)\n- [C陷阱与缺陷](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2778632\u002F)\n- [C专家编程](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2377310\u002F)\n- [C语言核心技术](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2226913\u002F)\n- [彻底搞定C指针](https:\u002F\u002Fwww.google.com\u002Furl?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDEQFjAA&url=http%3A%2F%2Fblogimg.chinaunix.net%2Fblog%2Fupfile2%2F110210170023.pdf&ei=P95mUfrmNKKriALS04HAAw&usg=AFQjCNEzB88PnpfL0fRgJDkP3O9TlBPswA&sig2=isyd4ktsByNBMa5M9EPhRQ&bvm=bv.45107431,d.cGE&cad=rjt)\n- [征服C指针](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F21317828\u002F)\n- [C++编程思想](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1094797\u002F)\n- [高质量程序设计指南---C\u002FC++语言](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F2116929\u002F)\n- [Inside the C++ Object Model](http:\u002F\u002Fbook.douban.com\u002Fsubject\u002F1484262\u002F)\n- [A Tour of C++](http:\u002F\u002Fwww.stroustrup.com\u002FTour.html)\n- [The C++ Programming Language](http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FThe_C%2B%2B_Programming_Language)\n- [The C++ Standard Library - A Tutorial and Reference](http:\u002F\u002Fwww.cppstdlib.com\u002F)\n- [The C++ Standard (INCITS\u002FISO\u002FIEC 14882-2011)](http:\u002F\u002Fwebstore.ansi.org\u002FRecordDetail.aspx?sku=INCITS%2fISO%2fIEC+14882-2012)\n- [Overview of the New C++](http:\u002F\u002Fwww.artima.com\u002Fshop\u002Foverview_of_the_new_cpp)\n\n## 前端工作面试\n- [前端工作面试问题](https:\u002F\u002Fgithub.com\u002Fdarcyclarke\u002FFront-end-Developer-Interview-Questions)\n- [前端开发面试题（中文）](https:\u002F\u002Fgithub.com\u002Fmarkyun\u002FMy-blog\u002Ftree\u002Fmaster\u002FFront-end-Developer-Questions\u002FQuestion)\n\n## 内容贡献者\n除了感谢Jayli提供了知识结构图的原本来，还感谢以下的内容贡献者们，结果由`git-summary`生成于2014-01-03：\n\n```\n\n project  : fks\n repo age : 1 year, 3 months\n active   : 53 days\n commits  : 108\n files    : 4\n authors  :\n    56  Jackson Tian            51.9%\n     9  吴晓兰               8.3%\n     5  liyinkan                4.6%\n     3  chriscai                2.8%\n     3  fengxiaolong            2.8%\n     3  XiNGRZ                  2.8%\n     2  monkadd                 1.9%\n     2  Johnny                  1.9%\n     2  weiwenqing              1.9%\n     2  Yinkan Li               1.9%\n     2  Copypeng                1.9%\n     2  左岸                  1.9%\n     2  Jakukyo Friel           1.9%\n     2  Glowin                  1.9%\n     1  李亚川               0.9%\n     1  Evan You                0.9%\n     1  Mickey                  0.9%\n     1  Mickey-                 0.9%\n     1  Qi Junyuan              0.9%\n     1  browsnet                0.9%\n     1  doabit                  0.9%\n     1  guoxiangyang            0.9%\n     1  linkgod                 0.9%\n     1  popomore                0.9%\n     1  vipzhicheng             0.9%\n     1  zhaqiang                0.9%\n     1  Colin Luo               0.9%\n\n```\n","JacksonTian\u002Ffks 是一个前端技能汇总项目，旨在以结构化的方式整理和展示前端开发所需的知识和技术。该项目通过GitHub协作维护，利用Git的历史记录追踪前端技术的发展变化，支持可视化展示前端知识体系。它涵盖了浏览器兼容性、编程语言（如JavaScript、TypeScript）、页面切割技术（HTML5、CSS\u002FCSS3及其预处理器）、以及各种开发工具的介绍。适合于前端开发者作为学习路线图或参考资料使用，帮助他们系统地掌握和更新自己的技能集。",2,"2026-06-11 02:53:03","top_language"]