前端知识体系
2016-03-22 17:53
417 查看
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/jsdocJekyll: 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.orgBackbone: 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/
相关文章推荐
- javascript中的稀疏数组(sparse array)和密集数组
- react.JS初步认知
- 用AngularJS监察表单按钮的禁用效果
- Web前端开发好文,不断更新中
- bufferWriter,outputStreamWriter,FileoutputStream
- 基于html5技术实现路线简意图
- CSS3练习
- JS解析json数据(如何将json字符串转化为数组)
- Leetcode 19. Remove Nth Node From End of List
- 不用gif图,用js+css实现loading效果
- js获取节点
- 如何在HTML中调用百度地图API
- jQuery自定义滚动条样式插件mCustomScrollbar
- 理解CSS中position的各个值
- JavaScript垃圾回收机制
- javascript call
- Xcode自动生成JsonModel
- img只显示图片一部分 或 css设置背景图片只显示图片指定区域
- Bag of Features (BOF)图像检索算法
- 编写高质量前端代码