• 微信号:wumiao_357234902
您当前的位置:首页>web前端开发>其它

前端知识体系

作者:Miao 阅读:2588次

布局框架

  • Bootstrap: http://getbootstrap.com/

  • Foundation: http://foundation.zurb.com/

  • Uikit: http://www.getuikit.com/

  • Web: Components:http://css-tricks.com/modular-future-web-components/


构建工具及包管理器

  • Grunt: http://gruntjs.com/

  • Yeoman: http://yeoman.io/

  • Bower: http://bower.io/

  • NPM: https://www.npmjs.org/


代码优化

  • CSS Lint: http://csslint.net/

  • JSHint: http://www.jshint.com/

  • JSLint: http://www.jslint.com/


CSS预处理器

  • Less: http://lesscss.org/

  • Sass: http://sass-lang.com/


调试工具

  • Chrome:https://developers.google.com/chrome-developer-tools/

  • Firebug: https://getfirebug.com/

  • HTTPWatch: http://www.httpwatch.com/

  • Fiddler: http://www.telerik.com/fiddler

  • Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html


文档工具

  • JSDoc: https://github.com/jsdoc3/jsdoc

  • Jekyll: http://jekyllrb.com/


IDE/文本编辑器

  • WebStorm: http://www.jetbrains.com/webstorm/


移动端 手势事件库

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


思维导图

  • XMind: http://www.xmind.net/


模块加载器

  • ESL:< https://github.com/ecomfe/esl>

  • RequireJS: http://requirejs.org/

  • SeaJS: http://seajs.org/docs/


项目管理

  • Github: https://github.com/

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

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


原型设计

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


富互联网应用框架

  • AngularJs: http://www.angularjs.org

  • Backbone: http://backbonejs.org/

  • AmpersandJS: http://ampersandjs.com//

  • Knockout: http://knockoutjs.com/

  • Underscore: http://underscorejs.org/


模板引擎

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

  • Handlebars: http://handlebarsjs.com/

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

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


测试框架

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

  • QUnit: http://qunitjs.com/

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


版本控制

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

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

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


WEB框架/服务器

  • Node: http://nodejs.org/

  • Express: http://expressjs.com/

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

  • Nginx: http://nginx.org/


CommonJS

  • Component: http://component.io/


代码规范

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


HTML模块化

  • html5boilerplate: http://html5boilerplate.com/


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/


HTML5 Canvas

  • D3: http://d3js.org/

  • KINETIC: http://kineticjs.com/


原文作者:博客园-naniJser

原文链接:https://www.cnblogs.com/sb19871023/p/3894452.html

本站部分文章、数据、素材收集于互联网,一切版权均归源网站或原作者所有!

如果侵犯了您的权益请来信告知我们删除,邮箱:357234902@qq.com

标签:其它