前端知识体系

布局框架

• Bootstrap: http://getbootstrap.com/

• Foundation: http://foundation.zurb.com/

• Uikit: http://www.getuikit.com/

• Web: Components:http://css-tricks.com/modular-future-web-components/

构建工具及包管理器

• Grunt: http://gruntjs.com/

• Yeoman: http://yeoman.io/

• Bower: http://bower.io/

• NPM: https://www.npmjs.org/

代码优化

• CSS Lint: http://csslint.net/

• JSHint: http://www.jshint.com/

• JSLint: http://www.jslint.com/

CSS预处理器

• Less: http://lesscss.org/

• Sass: http://sass-lang.com/

调试工具

• Chrome：https://developers.google.com/chrome-developer-tools/

• Firebug: https://getfirebug.com/

• HTTPWatch: http://www.httpwatch.com/

• Fiddler: http://www.telerik.com/fiddler

• Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

文档工具

• JSDoc: https://github.com/jsdoc3/jsdoc

• Jekyll: http://jekyllrb.com/

IDE/文本编辑器

• WebStorm: http://www.jetbrains.com/webstorm/

移动端 手势事件库

• GMU: http://gmu.baidu.com/

• Hammer.js:< http://eightmedia.github.io/hammer.js/>

• QuoJS: http://quojs.tapquo.com/

• Zepto: http://zeptojs.com/

• Swipe: http://swipejs.com/

• jQuery Mobile: http://jquerymobile.com/

• KendoUI: http://www.telerik.com/kendo-ui

• Goratchet: http://goratchet.com/

思维导图

• XMind: http://www.xmind.net/

模块加载器

• ESL:< https://github.com/ecomfe/esl>

• RequireJS: http://requirejs.org/

• SeaJS: http://seajs.org/docs/

项目管理

• Github: https://github.com/

• GitLab: https://about.gitlab.com/

• Redmine: http://www.redmine.org/

原型设计

• Axure RP: http://www.axure.com/

富互联网应用框架

• AngularJs: http://www.angularjs.org

• Backbone: http://backbonejs.org/

• AmpersandJS: http://ampersandjs.com//

• Knockout: http://knockoutjs.com/

• Underscore: http://underscorejs.org/

模板引擎

• EJS: http://www.embeddedjs.com/

• Handlebars: http://handlebarsjs.com/

• Jade: http://jade-lang.com/

• Velocity: http://velocity.apache.org/

测试框架

• Jasmine: http://pivotal.github.io/jasmine/

• QUnit: http://qunitjs.com/

• mocha: http://visionmedia.github.io/mocha/

版本控制

• Git: http://git-scm.com/

• Subversion: http://subversion.apache.org/

• Mercurial(Hg): http://mercurial.selenic.com/

WEB框架/服务器

• Node: http://nodejs.org/

• Express: http://expressjs.com/

• Apache: http://httpd.apache.org/

• Nginx: http://nginx.org/

CommonJS

• Component: http://component.io/

代码规范

• Code Guide: http://alloyteam.github.io/code-guide/

• 编写可维护的CSS: http://segmentfault.com/a/1190000000388784/

• GJS编码规范指南: http://alloyteam.github.io/JX/doc/specification/google-javascript.xml

• jQueryJS规范: http://contribute.jquery.org/style-guide/js/

HTML模块化

• html5boilerplate: http://html5boilerplate.com/

CSS模块化

• Normalize.css: http://necolas.github.io/normalize.css/

• LESS: http://www.lesscss.net/

• OOCSS: http://www.oocss.cc/ http://oocss.org/

• CssReset: http://www.cssreset.com/

HTML5 Canvas

• D3: http://d3js.org/

• KINETIC: http://kineticjs.com/

原文作者：博客园-naniJser

原文链接：https://www.cnblogs.com/sb19871023/p/3894452.html