转自:http://www.cnblogs.com/sb19871023/p/3894452.html
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/
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. 移动端 手势事件库:
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/
OOCSS:http://www.oocss.cc/ http://oocss.org/
CssReset:http://www.cssreset.com/
23. HTML5 Canvas
KINETIC:http://kineticjs.com/
相关推荐
《现代前端技术解析》在前端知识体系上做了很好的总结和梳理,涵盖了现代前端技术绝大部分的知识内容,起到一个启蒙作用,能帮助读者快速把握前端技术的整个脉络,培养更完善的体系化思维,掌握更多灵活的前端代码...
前端知识体系梳理,学习不迷茫
前端知识体系.xmind
2015-2016前端知识体系.zip,初始化
博客:前端知识体系、前端监控、性能优化、原理探索、面经等.zip
大前端知识体系与面试宝典,从前端到后端,全栈工程师,六边形战士。 详细目录见README.md,总有你需要的。
Web前端开发知识体系大全!
「JavaScript学习资料整理」系列,构建JavaScript前端知识体系,积累JavaScript前端开发经验.zip
前端知识体系思维导图,可以用于查缺补漏或者面试复习串联知识点,系统学习前端知识,加深记忆。 前端知识体系思维导图,可以用于查缺补漏或者面试复习串联知识点,系统学习前端知识,加深记忆。 ...
19年准备跳槽的小伙伴, 本资源是现代前端知识点梳理ppt, 大家加油
大厂前端面试题目|# 前端基础知识 HTML CSS JS HTTP 等基础知识是前端面试的第一步,基础知识不过关将直接被拒。本章将通过多个面试题,讲解前端常考的基础知识面试题,同时复习一些重要的知识点。 ## 为何要考察 ...
适用于想要入手前端开发,但却找不到方向的新手小白
前端知识体系 主线 2 万字 | 前端基础拾遗 90 问 前端硬核面试专题 前端知识清单【自检】 - ConardLi 的 blog 前端面试之道 - 宋小菜,助你建立起完整的前端知识架构体系,探究知识的原理,深入了解大厂常考知识点 ...
零基础上手前端?没项目练手?亲测这个网站从零基础到项目实践,对入门和编程初学者有实实在在的上手和进阶帮助。无论是想系统学习编程,还是想通过项目为导向学习技术,贵在练习,贵在实践——>...
前端知识的思维导图,这是一部分,下载过以后可以联系我,提供全度的HTML+CSS+JS的思维导图,思维导图用Xmind ZEN打开
想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。拖了好几个月了,但是...
建立前端知识体系
这里可以让你寻找到使用或者是学习作者建立的前端知识体系, 不定期更新,遇到的新知识、技巧,记录并分享 说明 部分文章是作者经过工作实战一点点积累下来的文章;部分文章借鉴网上的(有参考链接),这里对他们进行...