前端知识体系

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/

11. 项目管理:

Github: https://github.com/

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

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

12. 原型设计:

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

13. 富互联网应用框架

AngularJs: http://www.angularjs.org

Backbone: http://backbonejs.org/

AmpersandJShttp://ampersandjs.com//

Knockout: http://knockoutjs.com/

Underscore: http://underscorejs.org/

14. 模板引擎

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

Handlebars: http://handlebarsjs.com/

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

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

15. 测试框架

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

QUnit: http://qunitjs.com/

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

16. 版本控制

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

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

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

17. WEB框架/服务器

Node: http://nodejs.org/

Express: http://expressjs.com/

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

Nginx: http://nginx.org/

18. CommonJS

Component: http://component.io/

19. WEB安全

XSS(跨站脚本攻击):

CSRF(跨站点伪造请求攻击):

跨iframe攻击:

Clickjacking安全漏洞:

20. 代码规范

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/

21. HTML模块化

html5boilerplate: http://html5boilerplate.com/

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

23. HTML5 Canvas

D3:http://d3js.org/

KINETIC:http://kineticjs.com/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 14,303评论 7 163
  • 2017年3月9日 天气晴 星期三 诗妍:5岁7个月7天 学经典方法:147 累积法 学经典时间:系统读经100周...
    易道而行阅读 2,929评论 0 0
  • 以后 朋友圈少了美丽的照片 我多了一些时间 去想你留在灯火阑珊处的思念 以后 一首诗的时间 想不够你微笑时的甜 你...
    江城妖怪阅读 1,917评论 3 5
  • 记得《伯凡日知录》有一期,讲中年危机。他说现在美国有些教授不愿意招收中国学生读博士,原因是中国留学生考博士的能力很...
    崇理阅读 3,456评论 0 1
  • 对于一个刚刚大学毕业的人来说,一切的开始都是新的起点,而这一切也都在慢慢的考验我。 听了很多别人的故事,自己没有经...
    Karen娟儿阅读 3,184评论 0 1