Skip to main content

前端知识体系

  1. 布局框架： Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tricks.com/modular-future-web-components//

  2. 构建工具及包管理器： Grunt: http://gruntjs.com/ Yeoman: http://yeoman.io/ Bower: http://bower.io/ NPM: https://www.npmjs.org/

  1. 代码优化： Google Closure Compiler: CSS Lint: http://csslint.net/ JSHint: http://www.jshint.com/ JSLint: http://www.jslint.com/

  2. CSS预处理器 Less: http://lesscss.org/ Sass: http://sass-lang.com/

  3. 调试工具： Chrome：https://developers.google.com/chrome-developer-tools/ Firebug: https://getfirebug.com/ HTTPWatch: http://www.httpwatch.com/ Fiddler: http://www.telerik.com/fiddler IE Developer Toolbar: Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

  4. 文档工具： JSDoc: https://github.com/jsdoc3/jsdoc Jekyll: http://jekyllrb.com/

  5. IDE/文本编辑器 WebStorm: http://www.jetbrains.com/webstorm/

  6. 移动端 手势事件库： 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/

  7. 思维导图 XMind:http://www.xmind.net/

10.模块加载器： ESL:< https://github.com/ecomfe/esl> RequireJS: http://requirejs.org/ SeaJS:http://seajs.org/docs/

  1. 项目管理: Github: https://github.com/ GitLab: https://about.gitlab.com/ Redmine: http://www.redmine.org/

  2. 原型设计: Axure RP: http://www.axure.com/

  3. 富互联网应用框架 AngularJs: http://www.angularjs.org Backbone: http://backbonejs.org/ AmpersandJShttp://ampersandjs.com// Knockout: http://knockoutjs.com/ Underscore: http://underscorejs.org/

  4. 模板引擎 EJS: http://www.embeddedjs.com/ Handlebars: http://handlebarsjs.com/ Jade: http://jade-lang.com/ Velocity: http://velocity.apache.org/

  5. 测试框架 Jasmine: http://pivotal.github.io/jasmine/ QUnit: http://qunitjs.com/ mocha: http://visionmedia.github.io/mocha/ selenium webDriverIo Protractor Chai SinonJS nodeunit tape speckjs

sauce labs browser stack Browser Shots Browserling Browser Sandbox Cross Browser Testing Browserta SortSite

  1. 版本控制 Git: http://git-scm.com/ Subversion: http://subversion.apache.org/ Mercurial(Hg): http://mercurial.selenic.com/

  2. WEB框架/服务器 Node: http://nodejs.org/ Express: http://expressjs.com/ Apache: http://httpd.apache.org/ Nginx: http://nginx.org/

  3. CommonJS Component: http://component.io/

  4. WEB安全 XSS(跨站脚本攻击): CSRF(跨站点伪造请求攻击): 跨iframe攻击: Clickjacking安全漏洞:

  5. 代码规范 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/

  6. HTML模块化 html5boilerplate: http://html5boilerplate.com/

  7. 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/

  8. HTML5 Canvas D3:http://d3js.org/ KINETIC:http://kineticjs.com/