前端常用的工具和知识储备

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/
3. 代码优化：
   Google Closure Compiler:
   CSS Lint: http://csslint.net/
   JSHint: http://www.jshint.com/
   JSLint: http://www.jslint.com/
4. CSS预处理器
   Less: http://lesscss.org/
   Sass: http://sass-lang.com/
5. 调试工具：
   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
6. 文档工具：
   JSDoc: https://github.com/jsdoc3/jsdoc
   Jekyll: http://jekyllrb.com/
7. IDE/文本编辑器
   WebStorm: http://www.jetbrains.com/webstorm/
8. 移动端 手势事件库：
   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/
9. 思维导图
   XMind:http://www.xmind.net/
   10.模块加载器：
   ESL:< https://github.com/ecomfe/esl>
   RequireJS: http://requirejs.org/
   SeaJS:http://seajs.org/docs/
10. 项目管理:
    Github: https://github.com/
    GitLab: https://about.gitlab.com/
    Redmine: http://www.redmine.org/
11. 原型设计:
    Axure RP: http://www.axure.com/
12. 富互联网应用框架
    AngularJs: http://www.angularjs.org
    Backbone: http://backbonejs.org/
    AmpersandJShttp://ampersandjs.com//
    Knockout: http://knockoutjs.com/
    Underscore: http://underscorejs.org/
13. 模板引擎
    EJS: http://www.embeddedjs.com/
    Handlebars: http://handlebarsjs.com/
    Jade: http://jade-lang.com/
    Velocity: http://velocity.apache.org/
14. 测试框架
    Jasmine: http://pivotal.github.io/jasmine/
    QUnit: http://qunitjs.com/
    mocha: http://visionmedia.github.io/mocha/
15. 版本控制
    Git: http://git-scm.com/
    Subversion: http://subversion.apache.org/
    Mercurial(Hg): http://mercurial.selenic.com/
16. WEB框架/服务器
    Node: http://nodejs.org/
    Express: http://expressjs.com/
    Apache: http://httpd.apache.org/
    Nginx: http://nginx.org/
17. CommonJS
    Component: http://component.io/
18. WEB安全
    XSS(跨站脚本攻击):
    CSRF(跨站点伪造请求攻击):
    跨iframe攻击:
    Clickjacking安全漏洞:
19. 代码规范
    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/
20. HTML模块化
    html5boilerplate: http://html5boilerplate.com/
21. 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/
22. HTML5 Canvas
    D3:http://d3js.org/
    KINETIC:http://kineticjs.com/