网址资源 页面有点乱,请谅解。

  id="s_notes" lang="zh-cn"> http-equiv="Content-Type" content="text/html; charset=utf-8"/> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> name="renderer" content="webkit"> </span>网址资源,个人整理来之不易请珍惜,页面有点乱,请谅解。 - 笔记 - 前端网(W3Cfuns)<span class="html-tag"> name="title" content="网址资源,个人整理来之不易请珍惜,页面有点乱,请谅解。"> name="keywords" content="网址收藏,网站"/> name="description" content="个人整理来之不易请珍惜,如有错误请谅解,谢谢。。。资源教程:1.综合类 - 前端知识体系..."/> name="author" content="前端网(W3Cfuns)"/> name="application-name" content="前端网(W3Cfuns)"/> name="msapplication-tooltip" content="前端网(W3Cfuns)"/> name="copyright" content="W3Cfuns.com All Rights Reserved"/> name="MSSmartTagsPreventParsing" content="True"/> http-equiv="MSThemeCompatible" content="Yes"/> href="http://www.w3cfuns.com/"/> rel="stylesheet" type="text/css" href="data/cache/styles/??style_2_global.css,/style_2_notes_view.css,/plugin/style_2_editor_content.css?qvp"/> class=" autowidth" onkeydown="if(event.keyCode==27) return false;">
id="notecontent" class="container">
id="column-left" class="pull-left cl">

网址资源,个人整理来之不易请珍惜,页面有点乱,请谅解。

id="column-article">
id="postview" class="postview editor_content lazy"> 个人整理来之不易请珍惜,如有错误请谅解,谢谢。。。
align="left">资源教程:

  1. 综合类

                  - href="http://www.cnblogs.com/sb19871023/p/3894452.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端知识体系                - href="https://github.com/JacksonTian/fks" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端知识结构                - href="https://github.com/unruledboy/WebFrontEndStack" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Web前端开发大系概览                - href="http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Web前端开发大系概览-中文版                - href="https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Web Front-end Stack v2.2                - href="https://github.com/justjavac/free-programming-books-zh_CN" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">免费的编程中文书籍索引                - href="https://github.com/dypsilon/frontend-dev-bookmarks" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端书籍                - href="https://github.com/vhf/free-programming-books" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端免费书籍大全                - href="http://www.cnblogs.com/sb19871023/p/3894452.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端知识体系                - href="https://github.com/justjavac/free-programming-books-zh_CN" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">免费的编程中文书籍索引                - href="http://study.163.com/course/introduction/224014.htm" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">智能社 - 精通JavaScript开发                - href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">重新介绍 JavaScript(JS 教程)                - href="http://v.163.com/special/opencourse/bianchengdaolun.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">麻省理工学院公开课:计算机科学及编程导论                - href="http://segmentfault.com/a/1190000002640298" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript中的this陷阱的最全收集--没有之一                - href="https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JS函数式编程指南                - href="http://liubin.github.io/promises-book/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript Promise迷你书(中文版)                - href="https://github.com/AlloyTeam/Mars" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">腾讯移动Web前端知识库                - href="https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Front-End-Develop-Guide 前端开发指南                - href="https://li-xinyang.gitbooks.io/frontend-notebook/content/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发笔记本                - href="https://github.com/nieweidong/fetool" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">大前端工具集 - 聂微东                - href="https://dwqs.gitbooks.io/frontenddevhandbook/content/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发者手册
  2. 入门类

                  - href="http://www.cnblogs.com/jikey/p/3613082.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端入门教程                - href="http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">瘳雪峰的Javascript教程                - href="http://www.imooc.com/view/11" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jQuery基础教程                - href="http://www.imooc.com/view/506" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端工程师必备的PS技能——切图篇                - href="https://github.com/qiu-deqing/FE-learning" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">结合个人经历总结的前端入门方法
  3. 效果类

      - href="http://www.imooc.com/learn/58" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">弹出层    - href="http://www.imooc.com/learn/18" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">焦点图轮播特效   
  4. 工具类

      - href="http://www.imooc.com/learn/93" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">css sprite 雪碧图制作    - href="http://www.imooc.com/learn/390" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">版本控制入门 – 搬进 Github    - href="http://www.imooc.com/learn/30" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Grunt-beginner前端自动化工具
  5. 慕课专题

      - href="http://www.imooc.com/space/teacher/id/197450" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">张鑫旭 - 慕课系列    - href="http://www.imooc.com/space/teacher/id/104593" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">lyn - 慕课系列    - href="http://www.imooc.com/space/teacher/id/290139" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">艾伦 - 慕课系列    - href="http://www.imooc.com/view/494" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">碧仔 - Hello,移动WEB
  6. 周报类

      - href="https://github.com/PaicHyperionDev/MobileDevWeekly" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">平安科技移动开发二队技术周报
  ###六. API:

  ####1. 总目录

  1. 开发中心

                  - href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mozilla js参考                - href="https://developer.chrome.com/extensions/api_index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome开发中心(chrome的内核已转向blink)                - href="https://developer.apple.com/library/safari/navigation" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">safari开发中心                - href="https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">microsoft js参考                - href="http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js秘密花园                - href="http://bonsaiden.github.io/JavaScript-Garden/zh/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js秘密花园                - href="http://www.w3help.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">w3help 综合Bug集合网站

  2. 综合搜索

      - href="http://www.javascripting.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">javascripting    - href="http://microjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">各种流行库搜索
  3. 综合API
     
      - href="http://www.runoob.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">runoob.com-包含各种API集合    - href="http://tool.oschina.net/apidocs" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">开源中国在线API文档合集    - href="http://devdocs.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">devdocs 英文综合API网站

  ####2. jQuery

  * href="http://www.jquery123.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jQuery API 中文文档* href="http://hemin.cn/jq/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">hemin 在线版* href="http://www.css88.com/jqapi-1.9/on/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">css88 jq api* href="http://www.css88.com/jquery-ui-api/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">css88 jqui api* href="http://learn.jquery.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">学习jquery* href="http://james.padolsey.com/jquery/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jquery 源码查找
  ####3. Ecmascript

  - href="https://leanpub.com/understandinges6/read" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Understanding ECMAScript 6 - Nicholas C. Zakas- href="https://leanpub.com/exploring-es6/read" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">exploring-es6- href="https://github.com/es6-org/exploring-es6" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">exploring-es6翻译- href="http://es6-org.github.io/exploring-es6/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">exploring-es6翻译后预览- href="http://es6.ruanyifeng.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阮一峰 es6- href="http://javascript.ruanyifeng.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阮一峰 Javascript- href="http://yanhaijing.com/es5/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ECMA-262,第 5 版- href="http://es5.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">es5
  ####4. Js template

  - href="http://garann.github.io/template-chooser/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">template-chooser- href="https://github.com/aui/artTemplate" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">artTemplate- href="https://github.com/aui/tmodjs/blob/master/README.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">tomdjs- href="http://juicer.name/docs/docs_zh_cn.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">淘宝模板juicer模板- href="http://koen301.github.io/fxtpl/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Fxtpl v1.0 繁星前端模板引擎- href="http://laytpl.layui.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">laytpl- href="https://github.com/mozilla/nunjucks" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mozilla - nunjucks- href="https://github.com/PaulGuo/Juicer" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Juicer- href="http://akdubya.github.io/dustjs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">dustjs- href="http://ecomfe.github.io/etpl/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">etpl
  ####5. 弹出层

  - href="https://github.com/aui/artDialog" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">artDialog 最新版- href="http://aui.github.io/artDialog/doc/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">artDialog 文档- href="https://code.google.com/p/artdialog/downloads/list" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">google code 下载地址- href="http://layer.layui.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">贤心弹出层- href="https://github.com/bh-lay/UI" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">响应式用户交互组件库- href="http://t4t5.github.io/sweetalert/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sweetalert-有css3动画弹出层
  ####6. CSS

  - href="http://tympanus.net/codrops/css_reference/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">CSS 语法参考- href="http://isux.tencent.com/css3/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">CSS3动画手册- href="http://isux.tencent.com/css3/tools.html" class="link_blue" data-toggle="checklink" target="_blank">腾讯css3动画制作工具- href="http://linxz.github.io/tianyizone/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">志爷css小工具集合- href="http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">cs
  - [url=http://bouncejs.com/]bouncejs 触摸库- href="http://fian.my.id/Waves/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">css3 按钮动画- href="http://daneden.github.io/animate.css/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">animate.css- href="http://www.alloyteam.com/2015/10/8536/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">全局CSS的终结(狗带) [译]
  ####7. Angularjs

  - href="https://github.com/dolymood/AngularLearning" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angular.js 的一些学习资源- href="http://angularjs.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs中文社区- href="http://www.cnblogs.com/xuwenmin888/p/3739096.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angularjs源码学习- href="http://www.ifeenan.com/?c=AngularJS" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angularjs源码学习- href="http://angular-ui.github.io/bootstrap/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angular对bootstrap的封装- href="https://cnodejs.org/topic/51404e0f069911196d2e3923" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs + nodejs- href="http://www.cnblogs.com/lvdabao/tag/AngularJs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">吕大豹 Angularjs- href="http://www.infoq.com/cn/news/2013/02/angular-web-app" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AngularJS 最佳实践- href="http://www.lovelucy.info/angularjs-best-practices.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angular的一些扩展指令- href="https://github.com/Pasvaz/bindonce" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angular数据绑定原理- href="https://github.com/angular-ui/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">一些扩展Angular UI组件- href="http://voidcanvas.com/emberjs-vs-angularjs-performance-testing/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Ember和AngularJS的性能测试- href="http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html" class="link_blue" data-toggle="checklink" target="_blank">带你走近AngularJS - 基本- href="http://angular.duapp.com/docs/guide" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angularjs开发指南- href="http://www.cnblogs.com/amosli/p/3710648.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Angularjs学习- href="http://www.rainweb.cn/article/angularjs-jquery.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">不要带着jQuery的思维去学习AngularJS- href="http://wangjiatao.diandian.com/?tag=angularjs" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs 学习笔记- href="http://www.angularjs.cn/T008" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs 开发指南- href="https://github.com/jmcunningham/AngularJS-Learning" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs 英文资料- href="http://angular-ui.github.io/bootstrap/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angular bootstrap- href="https://github.com/opitzconsulting/jquery-mobile-angular-adapter" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angular jq mobile- href="http://mgcrea.github.io/angular-strap/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angular ui- href="http://www.tuicool.com/articles/7ZZVr2" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">整合jQuery Mobile+AngularJS经验谈- href="http://blog.jobbole.com/46589/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">有jQuery背景,该如何用AngularJS编程思想- href="http://each.sinaapp.com/angular/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AngularJS在线教程- href="http://www.zouyesheng.com/angular.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angular学习笔记
  ####8. React
  - href="http://www.react-china.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js 中文论坛- href="https://facebook.github.io/react/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js 官方网址- href="https://facebook.github.io/react/docs/getting-started.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js 官方文档- href="http://material-ui.com/#/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js material UI- href="http://touchstonejs.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js TouchstoneJS UI- href="http://amazeui.org/react/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">react.js amazeui UI- href="http://www.ruanyifeng.com/blog/2015/03/react.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">React 入门实例教程 - 阮一峰- href="http://wiki.jikexueyuan.com/project/react-native/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">React Native 中文版- href="http://www.html-js.com/article/Fakefish%203053" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Webpack 和 React 小书 - 前端乱炖- href="https://fakefish.github.io/react-webpack-cookbook/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Webpack 和 React 小书 - gitbook- href="https://github.com/webpack/webpack" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">webpack- href="http://html-js.com/article/3009" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Webpack,101入门体验- href="http://html-js.com/article/3113" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">webpack入门教程- href="http://segmentfault.com/a/1190000003499526" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">基于webpack搭建前端工程解决方案探索- href="http://www.piliyu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">React原创实战视频教程
  ####9. 移动端API

  1. API   
      - href="https://github.com/jtyjty99999/mobileTech" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">99移动端知识集合    - href="https://github.com/AlloyTeam/Mars" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动端前端开发知识库    - href="http://caibaojian.com/mobile-web-bug.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动前端的一些坑和解决方法(外观表现)    - href="http://www.cnblogs.com/PeunZhang/p/3407453.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">【原】移动web资源整理    - href="http://mweb.baidu.com/zeptoapi/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zepto 1.0 中文手册    - href="http://www.html-5.cn/Manual/Zepto/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zepto 1.0 中文手册    - href="http://www.css88.com/doc/zeptojs_api/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zepto 1.1.2    - href="http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zepto 中文注释    - href="http://app-framework-software.intel.com/api.php" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jqmobile 手册    - href="https://github.com/maxzhang/maxzhang.github.com/issues" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动浏览器开发集合    - href="https://github.com/hoosin/mobile-web-favorites" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动开发大杂烩    - href="http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微信webview中的一些问题2. 框架   
      - href="http://framework7.taobao.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">特色的HTML框架可以创建精美的iOS应用    - href="http://m.sui.taobao.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">淘宝SUI
  ####10. avalon

  - href="http://avalonjs.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">avalonjs- href="http://ued.qunar.com/oniui/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Avalon新一代UI库: OniUI- href="https://github.com/RubyLouvre/avalon.oniui" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">avalon.oniui-基于avalon的组件库
  ####11. Requriejs

  - href="http://www.ruanyifeng.com/blog/2012/10/javascript_module.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Javascript模块化编程(一):模块的写法 - href="http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Javascript模块化编程(二):AMD规范- href="http://www.ruanyifeng.com/blog/2012/11/require_js.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Javascript模块化编程(三):require.js的用法- href="http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">RequireJS入门(一)- href="http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">RequireJS入门(二)- href="http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">RequireJS进阶(三)- href="http://www.cnblogs.com/yexiaochai/p/3632580.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">requrie源码学习- href="http://www.oschina.net/translate/getting-started-with-the-requirejs-library" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">requrie 入门指南- href="http://www.cnblogs.com/yexiaochai/p/3214926.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">requrieJS 学习笔记- href="http://cyj.me/why-seajs/requirejs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">requriejs 其一 - href="http://www.cnblogs.com/yexiaochai/p/3221081.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">require backbone结合
  ####12. Seajs

  - href="http://seajs.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">seajs- href="http://cyj.me/why-seajs/zh/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">seajs 中文手册
  ####13. Less,sass

  - href="http://www.w3cplus.com/sassguide/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sass- href="http://www.sass.hk/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sass教程-sass中国- href="http://sass.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Sass 中文文档- href="http://less.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">less
  ####14. Markdown
          
  - href="http://wowubuntu.com/markdown/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Markdown 语法说明 (简体中文版)- href="https://github.com/LearnShare/Learning-Markdown/blob/master/README.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">markdown入门参考- href="https://www.gitbook.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gitbook 国外的在线markdown可编辑成书
  - href="https://www.zybuluo.com/mdeditor" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mdeditor  一款国内的在线markdown编辑器
  - href="https://stackedit.io" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">stackedit 国外的在线markdown编辑器,功能强大,同步云盘
  - href="http://bh-lay.github.io/mditor/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mditor 一款轻量级的markdown编辑器
  - href="https://github.com/lepture/editor" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">lepture-editor- href="https://github.com/jbt/markdown-editor" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">markdown-editor
  ####15. D3

  - href="https://github.com/mbostock/d3/wiki/Tutorials" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">d3 Tutorials- href="https://github.com/mbostock/d3/wiki/Gallery" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gallery- href="http://datavisual.lofter.com/post/40cf3a_188e535" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">lofter- href="http://alanland.iteye.com/blog/1878595" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">iteye- href="http://javascript.ruanyifeng.com/library/d3.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ruanyifeng
  ####16. 兼容性

  - href="http://kangax.github.io/compat-table/es6/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">esma 兼容列表- href="http://jigsaw.w3.org/css-validator/validator.html.zh-cn" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">W3C CSS验证服务- href="http://caniuse.com/#index" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">caniuse- href="http://csscreator.com/properties" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">csscreator- href="https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85).aspx" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">microsoft- href="http://www.responsinator.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">在线测兼容-移动端- href="https://www.manymo.com/emulators" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">emulators
  ####17. UI相关

  - href="http://v3.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">bootcss- href="http://www.w3cplus.com/MetroUICSS/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">MetroUICSS- href="http://semantic-ui.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">semantic- href="http://alexwolfe.github.io/Buttons/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Buttons- href="http://hiloki.github.io/kitecss/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">kitecss- href="http://www.pintuer.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">pintuer- href="http://amazeui.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">amazeui- href="http://www.worldhello.net/gotgithub/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">worldhello- href="http://igit.linuxtoy.org/contents.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">linuxtoy- href="http://www-cs-students.stanford.edu/%7Eblynn/gitmagic/intl/zh_cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gitmagic- href="http://rogerdudler.github.io/git-guide/index.zh.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">rogerdudler- href="http://gitref.justjavac.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gitref- href="http://git-scm.com/book/zh" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">book- href="http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gogojimmy
  ####18. HTTP

  - href="http://segmentfault.com/bookmark/1230000002521721" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">HTTP API 设计指南
  ####19. 其它API

  - href="/AutumnsWind/Front-end-tutorial/blob/master/javascriptoo" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">javascript流行库汇总- href="http://niceue.com/validator/demo/index.php" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">验证api- href="http://www.css88.com/doc/underscore/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">underscore 中文手册- href="http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">underscore源码分析- href="http://yalishizhude.github.io/tags/underscore/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">underscore源码分析-亚里士朱德的博客- href="http://underscorejs.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">underscrejs en api- href="https://lodash.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">lodash - underscore的代替品- href="http://extjs-doc-cn.github.io/ext4api/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ext4api- href="http://www.csser.com/tools/backbone/backbone.js.html" class="link_blue" data-toggle="checklink" target="_blank">backbone 中文手册- href="http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">qwrap手册- href="http://easings.net/zh-cn" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">缓动函数- href="http://www.w3school.com.cn/svg/svg_reference.asp" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">svg 中文参考- href="https://developer.mozilla.org/en-US/docs/Web/SVG" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">svg mdn参考- href="https://github.com/gabelerner/canvg" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">svg 导出 canvas- href="https://github.com/exupero/saveSvgAsPng" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">svg 导出 png- href="http://www.zamzar.com/convert/ai-to-svg/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ai-to-svg- href="https://github.com/machao/localStorage" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">localStorage 库
  ####20. 图表类

  - href="http://www.hcharts.cn/api/index.php" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Highcharts 中文API- href="http://api.highcharts.com/highcharts" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Highcharts 英文API- href="http://echarts.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ECharts 百度的图表软件- href="http://lbs.amap.com/api/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">高德地图- href="http://paperjs.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">开源的矢量图脚本框架- href="http://jvectormap.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">svg 地图
  ####21. vue

  - href="http://cn.vuejs.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Vue- href="http://forum.vuejs.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Vue 论坛- href="http://www.cnblogs.com/aaronjs/p/3660102.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Vue 入门指南- href="http://segmentfault.com/a/1190000000411057" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Vue 的一些资源索引
  ####21. 正则

  - href="http://segmentfault.com/a/1190000002471140" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JS正则表达式元字符- href="http://deerchao.net/tutorials/regex/regex.htm" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">正则表达式30分钟入门教程- href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">MDN-正则表达式- href="http://javascript.ruanyifeng.com/stdlib/regexp.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ruanyifeng - RegExp对象- href="http://div.io/topic/764?page=1" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">小胡子哥 - 进阶正则表达式- href="https://github.com/Cedriking/is.js/blob/master/is.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">is.js- href="http://regexper.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">正则在线测试
  ####22. ionic

  - href="https://github.com/ychow/ionic-guide" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ionic
  ####23. 其它

  - href="http://mockjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Mock.js 是一款模拟数据生成器
  ###七. 开发规范

  1. 前端
      - href="http://alloyteam.github.io/CodeGuide" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">通过分析github代码库总结出来的工程师代码书写习惯    - href="http://codeguide.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">HTML&amp;CSS编码规范 by @mdo    - href="http://www.alloyteam.com/2011/10/107/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">团队合作的css命名规范-腾讯AlloyTeam前端团队    - href="http://yuwenhui.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端编码规范之js - by yuwenhui    - href="http://www.cnblogs.com/hustskyking/p/javascript-spec.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端编码规范之js - by 李靖    - href="http://zhibimo.com/read/Ashu/front-end-style-guide/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发规范手册    - href="https://github.com/yuche/javascript#table-of-contents" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Airbnb JavaScript 编码规范(简体中文版)    - href="http://www.zhihu.com/question/20351507" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AMD与CMD规范的区别    - href="http://www.cnblogs.com/tugenhua0707/p/3507957.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AMD与CMD规范的区别    - href="http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">KISSY 源码规范    - href="http://codeguide.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">bt编码规范    - href="https://github.com/Suxiaogang/Code_Guide" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">规范加强版    - href="http://blog.jobbole.com/79075/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端代码规范 及 最佳实践    - href="http://coderlmn.github.io/code-standards/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度前端规范    - href="http://isobar-idev.github.io/code-standards/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度前端规范    - href="http://zhuanlan.zhihu.com/fuyun/19884834" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度前端规范    - href="https://github.com/gf-rd/es6-coding-style" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ECMAScript6 编码规范--广发证券前端团队    - href="http://blog.jobbole.com/79484/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript 风格指南/编码规范(Airbnb公司版)    - href="http://nec.netease.com/standard" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网易前端开发规范    - href="http://www.75team.com/archives/1049" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">css模块    - href="https://github.com/ecomfe/spec" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端规范资源列表
  2. PHP
                  - href="http://segmentfault.com/a/1190000000443795" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">最流行的PHP 代码规范                - href="https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">最流行的PHP 代码规范        
  3. Android

      - href="http://www.cnblogs.com/lcw/p/3619181.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">【敏捷开发】Android团队开发规范    - href="http://www.jianshu.com/p/4390f4fe19b3" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Android 开发规范与应用
  ###八. 其它收集

  ####1. 各大公司开源项目

  - href="https://code.facebook.com/projects/web/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Facebook Projects- href="http://fex.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度web前端研发部- href="http://efe.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度EFE- href="https://github.com/fex-team/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度github- href="http://www.alloyteam.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">alloyteam- href="http://alloyteam.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">alloyteam-github- href="https://github.com/AlloyTeam/AlloyGameEngine" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">alloyteam-AlloyGameEngine- href="http://alloyteam.github.io/AlloyDesigner/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AlloyDesigner 即时修改,即时保存,设计稿较正,其它开发辅助工具
  - href="http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍
  - href="http://aeditor.alloyteam.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AEditor H5动画交互页开发的工具
  - href="http://forum.maka.im/wordpress/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">maka- href="https://github.com/fenbility/weekly-feed" class="link_blue" data-toggle="checklink" target="_blank">值得订阅的weekly- href="http://cube.qq.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">腾讯html5- href="http://75team.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">奇舞团开源项目- href="http://ued.qunar.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Qunar UED
  ####2. Javascript

  1. 常用   

      - href="http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性    - href="http://mottie.github.io/Keyboard/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">模拟键盘    - href="https://github.com/hotoo/pinyin" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">拼音    - href="https://github.com/mc-zone/IDValidator" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">中国个人身份证号验证
  2. 算法

      - href="https://github.com/Ralph-Wang/algorithm.in.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">数据结构与算法 JavaScript 描述. 章节练习    - href="https://github.com/twobin/twobinSort" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">常见排序算法(JS版)    - href="https://github.com/luofei2011/jsAgm/blob/master/js/sort.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">经典排序    - href="https://github.com/hechangmin/jssort" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">常见排序算法-js版本    - href="https://github.com/lightningtgc/JavaScript-Algorithms" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript 算法与数据结构 精华集    - href="http://www.nowcoder.com/live/courses" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">面试常考算法题精讲
  3. 移动端
     
      - href="https://github.com/ftlabs/fastclick" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fastclick    - href="https://github.com/mmastrac/jquery-noclickdelay" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">no-click-delay
  4. JSON

      - href="http://beta.json-generator.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">模拟生成JSON数据    - href="http://jsonp.afeld.me/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">返回跨域JSONAPI
  ####3. Html5
  - href="http://www.zhihu.com/question/24398907" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">HTML5 有哪些让你惊艳的 demo?
  ####4. CSS
  - href="http://browserhacks.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">browserhacks
  ####5. jQuery

  1. 焦点图
     
      - href="https://github.com/koen301/myfocus" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">myfocus    - href="http://www.chhua.com/myfocus/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">myfocus-官方演示站    - href="http://www.superslide2.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">SuperSlidev2.1 -- 大话主席    - href="http://www.bujichong.com/sojs/soChange/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">soChange
  ####6. Ext, EasyUI, J-UI 及其它各种UI方案

  1. Ext

      - href="https://www.sencha.com/products/extjs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">extjs    - href="http://docs.sencha.com/extjs/4.0.7/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ext4英文api    - href="http://extjs-doc-cn.github.io/ext4api/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ext4中文api   
  2. EasyUI

      - href="http://jquery-easyui.googlecode.com/svn/trunk/src/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jquery easyui 未压缩源代码
  3. J-UI

      - href="http://jui.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">J-UI   
  4. Other

      - href="http://dcloudio.github.io/mui/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">MUI-最接近原生APP体验的高性能前端框架    - href="http://amazeui.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Amaze UI | 中国首个开源 HTML5 跨屏前端框架    - href="http://m.sui.taobao.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">淘宝 HTML5 前端框架    - href="http://docs.kissyui.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">KISSY - 阿里前端JavaScript库    - href="http://nej.netease.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网易Nej - Nice Easy Javascript    - href="http://demos.telerik.com/kendo-ui/mvvm/index" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Kendo UI MVVM Demo    - href="http://www.bootcss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Bootstrap    - href="http://smartui.chinamzz.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Smart UI    - href="http://developer.yahoo.com/yui/grids/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">雅虎UI - CSS UI
  ####7. 页面 社会化 分享功能

  - href="http://share.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度分享 pc端
  - href="http://jiathis.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JiaThis pc端
  - href="http://developer.baidu.com/soc/share" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">社会化分享组件 移动端
  - href="http://www.mob.com/#/index" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ShareSDK 轻松实现社会化功能 移动端
  - href="http://dev.umeng.com/social/android/quick-integration" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">友盟分享 移动端

  ####8. 富文本编辑器

  - href="http://ueditor.baidu.com/website/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度 ueditor- href="http://ckeditor.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">经典的ckeditor- href="http://kindeditor.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">经典的kindeditor- href="http://www.bootcss.com/p/bootstrap-wysiwyg/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">wysiwyg- href="http://integ.github.io/BachEditor/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">一个有情怀的编辑器。Bach\'s Editor- href="https://github.com/mycolorway/simditor" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">tower用的编辑器- href="https://github.com/summernote/summernote" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">summernote 编辑器- href="http://neilj.github.io/Squire/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">html5编辑器- href="http://lab.hustlzp.com/XEditor/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">XEditor- href="https://github.com/wangfupeng1988/wangEditor" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">wangEditor
  ####9. 日历

  1. PC

      - href="http://www.my97.net/dp/demo/index.htm" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">经典my97    - href="http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">强大的独立日期选择器    - href="http://fullcalendar.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fullcalendar    - href="http://blog.csdn.net/francislaw/article/details/7740630" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fullcalendar日历控件知识点集合     - href="http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">中文api    - href="https://github.com/zzyss86/LunarCalendar" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">农历日历    - href="http://www.sucaisj.com/jiaoben/date/201509/16856.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">超酷的仿百度带节日日历老黄历控件    - href="http://momentjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">日期格式化    - href="https://github.com/Johnqing/QPAYCalendar/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">大牛日历控件    - href="https://github.com/Iamlars/dateMarker" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">我群某管理作品    - href="http://digitalbush.com/projects/masked-input-plugin/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">input按位替换-官网    - href="https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">input按位替换-github    - href="https://github.com/dangrossman/bootstrap-daterangepicker" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">bootstrap-daterangepicker    - href="http://www.vandelaydesign.com/30-best-free-jquery-plugins/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">国外30个插件集合    - href="http://dbushell.com/2012/10/09/pikaday-javascript-datepicker/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript datepicker    - href="http://jonthornton.github.io/Datepair.js/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Datepair.js    - href="https://github.com/glad/glDatePicker" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">一个风格多样的日历    - href="http://amsul.ca/pickadate.js/date/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">弹出层式的全日历    - href="http://www.daterangepicker.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jquery双日历
  2. 移动

      - href="http://www.frankdemo.cn/index.php?c=content&amp;a=show&amp;id=115" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">大气实用jQuery手机移动端日历日期选择插件    - href="https://mobiscroll.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jQuery Mobile 移动开发中的日期插件Mobiscroll

  3. Date library

      - href="https://github.com/datejs/Datejs" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Datejs    - href="http://sugarjs.com/api/Date" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sugarjs
  ####10. 综合效果搜索平台

  - href="http://www.jq22.com" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">效果网- href="http://www.17sucai.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">17素材- href="http://microjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">常用的JavaScript代码片段
  ####11. 前端工程化

  1. 概述

      - href="http://www.awesomes.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端工具大全    - href="https://github.com/fouber/blog/issues/10?from=timeline&amp;isappinstalled=0#" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">什么是前端工程化
  2. Gulp
     
      - href="http://gulpjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp官网    - href="http://www.gulpjs.com.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp中文网    - href="https://github.com/Platform-CUF/use-gulp" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gulp资料收集    - href="http://javascript.ruanyifeng.com/tool/gulp.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp:任务自动管理工具 - ruanyifeng    - href="http://gulpjs.com/plugins/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp插件    - href="http://www.ido321.com/1622.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp不完全入门教程    - href="https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">为什么使用gulp?    - href="http://www.dbpoo.com/getting-started-with-gulp/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp安装及配合组件构建前端开发一体化    - href="https://github.com/nimojs/gulp-book" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp 入门指南    - href="https://github.com/nimojs/blog/issues/19" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp 入门指南 - nimojs    - href="http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp入门教程    - href="http://www.imooc.com/video/5692" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp in Action    - href="http://www.w3ctech.com/topic/134" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Gulp开发教程(翻译)    - href="http://www.cnblogs.com/2050/p/4198792.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端构建工具gulpjs的使用介绍及技巧
  3. Grunt

      - href="http://gruntjs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gruntjs    - href="http://www.gruntjs.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Grunt中文网
  4. Fis

      - href="http://fex-team.github.io/fis-site/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fis 官网    - href="http://fis.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fis
  ####12. 轮播图

  1. pc图轮

      - href="http://www.jsfoot.com/jquery/demo/2011-09-20/192.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">单屏轮播sochange    - href="http://bxslider.com/examples/carousel-demystified" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">左右按钮多图切换    - href="https://github.com/alvarotrigo/fullPage.js/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fullpage全屏轮播
  2. 移动端

                  - href="http://www.swipejs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">无缝切换                - href="http://www.idangero.us/swiper/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">滑屏效果                - href="https://github.com/peunzhang/fullpage" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">全屏fullpage                - href="https://github.com/qiqiboy/touchslider" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">单个图片切换                - href="https://github.com/peunzhang/slip.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">单个全屏切换                - href="http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度的切换库                - href="https://github.com/peunzhang/iSlider" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">单个全屏切换                - href="https://github.com/saw/touch-interfaces" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">滑屏效果                - href="http://baijs.com/tinycircleslider/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">旋转拖动设置                - href="http://touchslider.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">类似于swipe切换                - href="http://www.swiper.com.cn/demo/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">支持多种形式的触摸滑动                - href="https://github.com/joker-ye/main/blob/master/wap/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">滑屏效果                - href="http://www.superslide2.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">大话主席pc移动图片轮换                - href="https://github.com/hahnzhu/parallax.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">滑屏效果                - href="https://github.com/yanhaijing/zepto.fullpage" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">基于zepto的fullpage                - href="http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[WebApp]                - 定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应                - href="http://loo2k.com/blog/detecting-wechat-client/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">判断微信客户端的那些坑                - href="https://github.com/JefferyWang/nativeShare.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">可以通过javascript直接调用原生分享的工具                - href="http://www.jiathis.com/help/html/weixin-share-code" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JiaThis 分享到微信代码                - href="http://fex.baidu.com/blog/2015/05/cross-mobile/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">聊聊移动端跨平台开发的各种技术                - href="http://www.zhihu.com/question/29922082" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端自动化测试                - href="http://ajccom.github.io/niceslider/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">多种轮换图片                - href="https://mango.github.io/slideout/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">滑动侧边栏

  ####13. 文件上传

  - href="http://fex.baidu.com/webuploader/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度上传组件- href="https://blueimp.github.io/jQuery-File-Upload/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">上传- href="http://www.hdfu.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">flash 头像上传- href="http://www.dropzonejs.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">图片上传预览- href="http://elemefe.github.io/image-cropper/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">图片裁剪- href="http://www.shearphoto.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">图片裁剪-shearphoto- href="http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&amp;os=0&amp;sort=view&amp;p=2" class="link_blue" data-toggle="checklink" target="_blank">jQuery图片处理
  ####14. 模拟select

  - href="http://aui.github.io/popupjs/doc/selectbox.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">糖饼 select- href="https://github.com/rmm5t/jquery-flexselect" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">flexselect- href="http://loudev.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">双select- href="http://select2.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">select2
  ####15. 取色插件

  - href="http://www.jq22.com/plugin/367" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">类似 Photoshop 的界面取色插件- href="https://github.com/jquery/jquery-color/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jquery color- href="http://www.oschina.net/project/tag/287/color-picker" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">取色插件集合- href="https://github.com/mattfarina/farbtastic" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">farbtastic 圆环+正方形
  ####16. 城市联动

  - href="http://www.ijquery.cn/?p=360" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
  ####17. 剪贴板

  - href="https://github.com/zeroclipboard/zeroclipboard" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">剪贴板- href="http://zenorocha.github.io/clipboard.js/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">clipboard 最新的剪切方案- href="https://github.com/zenorocha/clipboard.js" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">不是Flash的剪贴板
  ####18. 简繁转换

  - href="https://github.com/BYVoid/OpenCC" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">简繁转换
  ####19. 表格 Grid

  - href="http://facebook.github.io/fixed-data-table/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">facebook表格- href="http://handsontable.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">类似于Excel编辑表格-handsontable- href="http://bootstrap-table.wenzhixin.net.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">bootstrap-table插件- href="https://www.datatables.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">datatables
  ####20. 在线演示

  - href="http://runjs.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - runjs- href="http://jsbin.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - jsbin- href="http://codepen.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - codepen- href="http://jsfiddle.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - jsfiddle- href="http://ideone.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">java 在线编辑 - runjs- href="http://code.hcharts.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - hcharts- href="http://jsdm.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js 在线编辑 - jsdm- href="http://sqlfiddle.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sql 在线编辑 - sqlfiddle- href="https://thimble.mozilla.org" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mozilla 在线编辑器
  ####21. 播放器

  - href="https://github.com/zmmbreeze/DeadSimpleVideoPlayer" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Html5 VideoPlayer
  ####22. 粒子动画

  - href="http://a-jie.github.io/Proton/#example" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Proton 烟花
  ###九. Nodejs

  - href="http://liuqing.pw/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodejs 篇幅比较巨大- href="https://github.com/alsotang/node-lessons" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Node.js 包教不包会- href="http://www.rainweb.cn/article/category/Nodejs" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">篇幅比较少- href="http://www.w3cfuns.com/article-5598538-1-1.html" class="link_blue" data-toggle="checklink" target="_blank">node express 入门教程- href="http://my.oschina.net/u/568264/blog/193773" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodejs定时任务- href="http://60sky.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">一个nodejs博客- href="http://www.cnblogs.com/yexiaochai/p/3536547.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">【NodeJS 学习笔记04】新闻发布系统- href="http://www.cnblogs.com/qqloving/p/3541099.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">过年7天乐,学nodejs 也快乐- href="https://github.com/nqdeng/7-days-nodejs" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">七天学会NodeJS- href="http://www.cnblogs.com/zhongweiv/p/nodejs_events.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Nodejs学习笔记(二)--- 事件模块- href="http://www.cnblogs.com/liusuqi/p/3735491.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodejs入门- href="https://github.com/zensh/jsgen" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">angularjs nodejs- href="http://blog.fens.me/series-nodejs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">从零开始nodejs系列文章- href="http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">理解nodejs- href="http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodejs事件轮询- href="http://www.nodebeginner.org/index-zh-cn.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">node入门- href="http://ourjs.com/detail/53e1f281c5910a9806000001" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodejs cms- href="http://ourjs.com/detail/529ca5950cb6498814000005" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Node初学者入门,一本全面的NodeJS教程- href="http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">NodeJS的代码调试和性能调优
  ###十. 性能优化

  1. 常规优化

                  - href="http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Javascript高性能动画与页面渲染                - href="http://isux.tencent.com/h5-performance.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动H5前端性能优化指南                - href="http://ued.5173.com/?p=1731" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">5173首页前端性能优化实践                - href="http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">给网页设计师和前端开发者看的前端性能优化                - href="http://www.orzpoint.com/profiling-css-and-optimization-notes/" class="link_blue" data-toggle="checklink" target="_blank">复杂应用的 CSS 性能分析和优化建议                - href="http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">张鑫旭——前端性能                - href="http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端性能监控总结                - href="http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">                        网站性能优化之CSS无图片技术                - href="http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">web前端性能优化进阶路                - href="http://my.eoe.cn/tuwandou/archive/4544.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端技术:网站性能优化之CSS无图片技术                - href="http://www.baiduux.com/blog/2011/02/15/browser-loading/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">浏览器的加载与页面性能优化                - href="http://www.w3ctech.com/p/1503" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">页面加载中的图片性能优化                - href="http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Hey——前端性能                - href="http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">html优化                - href="http://www.99css.com/tag/%e6%80%a7%e8%83%bd" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">99css——性能                - href="http://www.yslow.net/category.php?cid=20" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Yslow——性能优化                - href="http://www.cnblogs.com/yslow/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">YSLOW中文介绍                - href="http://www.360ito.com/article/40.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化                - href="http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Yahoo!团队实践分享:网站性能                - href="http://blog.jiasule.com/i/153" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网站性能优化指南:什么使我们的网站变慢?                - href="http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网站性能优化实践,减少加载时间,提高用户体验                - href="http://www.umtry.com/archives/747.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">浅谈网站性能优化 前端篇                - href="http://www.adinnet.cn/blog/designview/2012-7-12/678.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端重构实践之如何对网站性能优化?                - href="http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端性能优化:使用媒体查询加载指定大小的背景图片                - href="http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网站性能系列博文                - href="http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">加载,不只是少一点点                - href="http://mzhou.me/article/95310/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端性能的测试与优化                - href="http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">分享网页加载速度优化的一些技巧?                - href="http://www.f2es.com/images-bytes-opt/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">页面加载中的图片性能优化                - href="http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">web前端优化(基于Yslow)                - href="https://www.qianduan.net/website-performance-optimization-tool.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网站性能优化工具大全                - href="http://www.alloyteam.com/2012/10/high-performance-html/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">【高性能前端1】高性能HTML                - href="http://www.alloyteam.com/2012/10/high-performance-css/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">【高性能前端2】高性能CSS                - href="http://coolshell.cn/articles/6470.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">由12306谈谈网站前端性能和后端性能优化                - href="http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">AlloyTeam——前端优化                - href="http://www.cnblogs.com/developersupport/p/3248695.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">毫秒必争,前端网页性能最佳实践                - href="http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网站性能工具Yslow的使用方法                - href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端工程与性能优化(上):静态资源版本更新与缓存                - href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端工程与性能优化(下):静态资源管理与模板框架                - href="http://blog.jobbole.com/48369/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">HTTPS连接的前几毫秒发生了什么                - href="http://uicss.cn/yslow/#more-12319" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Yslow                - href="http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Essential Web Performance Metrics — A Primer, Part 1                - href="http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Essential Web Performance Metrics — Part 2                - href="http://jayli.github.io/blog/data/2011/12/23/yuislide.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">YUISlide,针对移动设备的动画性能优化                - href="http://joelglovier.com/improving-site-performance/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Improving Site Performance                - href="http://segmentfault.com/a/1190000000367899" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">让网站提速的最佳前端实践                - href="http://sixrevisions.com/web-development/why-website-speed-is-important/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Why Website Speed is Important                - href="https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Need for Speed – How to Improve your Website Performance                - href="https://github.com/amfe/article/issues/1" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阿里无线前端性能优化指南 (Pt.1 加载期优化)
  2. 优化工具

      - href="http://www.html-js.com/article/3083" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript 性能分析新工具 OneProfile    - href="http://www.html-js.com/article/3091" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">JavaScript 堆内存分析新工具 OneHeap
  3. 在线工具

      - href="https://developers.google.com/speed/pagespeed/insights/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">google在线工具    - href="http://www.alibench.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阿里测    - href="http://itest.aliyun.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阿里-免费测试服务    - href="https://github.com/alibaba/f2etest" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阿里-F2etest多浏览器兼容性测试解决方案    - href="http://jsperf.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">js性能测试   
  ###十一. 前端架构

  - href="http://www.zhihu.com/topic/19612641" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">技术架构- href="http://saito.im/note/The-Architecture-of-F2E/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端架构- href="http://www.zhihu.com/question/24092572" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">如何成为前端架构师- href="http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">关于前端架构-张克军- href="http://www.zhihu.com/question/25583350" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度腾讯offer比较(腾讯游戏VS百度基础架构)
  ###十二. 个人作品

  ####1. 推荐作品

  - href="https://gist.github.com/wintercn" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">winter代码片段需要- href="http://www.fgm.cc/learn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fgm- href="https://github.com/hongru/hongru.github.com" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">岑安作品集- href="http://kmdjs.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">当耐特demo集合- href="http://www.laoshu133.com/Lab/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">米空格 js作品- href="http://koen301.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">myFocus- href="http://panxuepeng.github.io/seajslib/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">SeaJS组件库- href="http://yanhaijing.com/myProject/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">颜海镜作品- href="http://jo2.org/category/myworks/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">脚儿网作品- href="http://www.cnitblog.com/yemoo/category/3107.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">javascript个人作品- href="http://bbs.miaov.com/forum.php?mod=viewthread&amp;tid=7790" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">妙味的雷东升游戏作品- href="http://bbs.csdn.net/topics/380227212" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">javascript作品集- href="https://github.com/TooBug/works" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">云五笔,灰度产生生成工具- href="http://koen301.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">项目主页- href="http://zaole.net/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">个性的作品主页- href="http://static.tingall.com/v2/player/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">播放器- href="http://ucren.com/blog/demos" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">ucren js demos 集- href="http://www.zhinengshe.com/works_list.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">智能社- href="http://demos.shizuwu.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">实例陈列架- href="http://zoye.sinaapp.com/demo" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zoye demo- href="http://lab.yuanwai.wang/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">王员外- href="http://pingfan1990.sinaapp.com" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">平凡- href="http://www.lovewebgames.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jyg 游戏案例- href="http://www.helloweba.com/list.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">很多jquery插件- href="http://www.bujichong.com/sojs/api/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">不羁虫 - soJs 作品系列- href="http://frozenui.github.io/case.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">frozenui- href="http://js-game.github.io/othello/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">黑白棋- href="http://yansm.github.io/fromone/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">fromone
  ####2. 群员作品

  - href="http://demo.webjyh.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">MDialog - [合肥-M.J]- href="http://sandbox.runjs.cn/show/do6zlrrk" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">轮播图 - [上海-冷静]- href="http://www.replace5.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[广州—坚壳]- href="http://www.seejs.com/demos/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[成都 - 无痕] 感恩节专题- href="http://hacke2.github.io/works" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[球霸天]- href="http://www.cnblogs.com/mcat/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[北京-小数]- href="http://thx.github.io/magix/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[ptf] Magix 工具- href="http://thx.github.io/magix/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA(One Page One Application)应用- href="http://bh-lay.com/labs/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-剧中人]-实验室- href="http://jikeytang.github.io" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-豪情 ] 作品集合- href="http://guoshan.sinaapp.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[成都-feeling]- href="http://www.cnblogs.com/liyunhua/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-angela]- href="http://hcjp.github.io/work/demo/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[海南-hank]作品- href="https://github.com/yibuyisheng/blogs/issues" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-张力]博客- href="http://zkske121.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-zenki]作品- href="http://01google.sinaapp.com/locker.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动端图案解锁- href="https://github.com/webjyh/MPreview.mobile" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[合肥-M.J] - MPreview 移动端图片预览组- href="https://github.com/webjyh/Mexam" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[合肥-M.J] - Mexam 移动端在线做题组- href="http://letyougo.github.io/dancer/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[北京-苏瑞] - dancer小人- href="http://k.swao.cn/js/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[上海-玄沐]- 个人网站- href="http://www.meckodo.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">[厦门-二哲]- 个人博客
  ####3. 国外大牛精品

  - href="http://pazguille.me/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">pazguille
  ###十三. 简历模板

  - href="http://learnshare.github.io/about/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">不错的个人简历- href="http://hcy2367.github.io/resume/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">简历- href="http://ncuey.sinaapp.com/CrispElite/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">张伦- href="https://github.com/hacke2/ResumeSample" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">简历- href="http://blog.dandyweng.com/2013/07/how-my-website-was-created/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">翁天信- href="http://www.webhek.com/misc/interactive-resume/" class="link_blue" data-toggle="checklink" target="_blank">动画方式的简历- href="http://www.linqing07.com/resume.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">组件丰富简历- href="http://www.mojianli.com/resume/view" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">简历池- href="http://www.haorooms.com/about" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">haorooms博客- href="http://cv.youngdze.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Justin Young
  ###十四. 面试题

  - href="http://www.nowcoder.com/discuss/3196" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">那几个月在找工作(百度,网易游戏)- href="http://www.html-js.com/article/1743" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">2014最新面试题- href="http://www.w3cfuns.com/thread-5598563-2-1.html" class="link_blue" data-toggle="checklink" target="_blank">阿里前端面试题- href="http://www.cnblogs.com/imwtr/p/4685546.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">2016校招内推 -- 阿里巴巴前端 -- 三面面试经历 - href="http://www.w3cfuns.com/article-5599657-1-1.html" class="link_blue" data-toggle="checklink" target="_blank">腾讯面试题- href="http://www.cnblogs.com/lvdabao/p/3660707.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">年后跳槽那点事:乐视+金山+360面试之行- href="http://fatesinger.com/2722.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">阿里前端面试题上线- href="http://www.cnblogs.com/52cik/p/js-question-lg.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">拉勾网js面试题- href="http://www.cnblogs.com/allenxing/p/3724382.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端面试- href="http://mianshiti.diandian.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Web开发笔试面试题 大全- href="http://segmentfault.com/a/1190000000465431" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发面试题- href="https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">2014最新前端面试题- href="https://github.com/fex-team/interview-questions" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度面试- href="http://www.w3cfuns.com/forum.php?mod=forumdisplay&amp;fid=51&amp;filter=typeid&amp;typeid=177" class="link_blue" data-toggle="checklink" target="_blank">面试题- href="https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端工作面试问题- href="http://segmentfault.com/a/1190000000465431" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发面试题- href="http://ourjs.com/detail/5%E4%B8%AA%E7%BB%8F%E5%85%B8%E7%9A%84%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">5个经典的前端面试问题- href="http://segmentfault.com/a/1190000002562454" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">最全前端面试问题及答案总结 - href="http://www.html-js.com/article/Large-search-front-team-column%202961" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">如何面试一名前端开发工程师?- href="https://github.com/hawx1993/Front-end-Interview-questions" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">史上最全 前端开发面试问题及答案整理- href="http://www.cnblogs.com/xiaoruo/p/4665163.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端实习生面试总结 - href="https://github.com/hawx1993/Front-end-Interview-questions" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">史上最全 前端开发面试问题及答案整理- href="http://blog.jobbole.com/78738/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">BAT及各大互联网公司2014前端笔试面试题:JavaScript篇- href="https://github.com/paddingme/Front-end-Web-Development-Interview-Question" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发面试题大收集- href="https://github.com/qiu-deqing/FE-interview" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">收集的前端面试题和答案- href="http://www.zhihu.com/question/19568008" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">如何面试前端工程师- href="https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发面试题- href="http://www.nowcoder.com/discuss?type=2" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">牛客网-笔试面经
  ###十五. iconfont

  - href="http://www.zhihu.com/question/21253343" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">中文字体- href="http://iconfont.cn" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">淘宝字库- href="http://mux.alimama.com/fonts" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">字体- href="http://iconfont.cn/help/platform.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">制作教程- href="http://www.zhangxinxu.com/wordpress/?s=icomoon" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">zhangxinxu-icommon- href="https://icomoon.io/app/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">icommon- href="http://imooc.com/learn/243" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">用字体在网页中画ICON图标(推荐教程)- href="http://font-spider.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">字体压缩工具 感谢初级群 [深圳-小鱼] 的推荐

  ###十六. 开发工具类

  1. 前端开发工具

      - href="https://github.com/judasn/IntelliJ-IDEA-Tutorial" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">IntelliJ IDEA 简体中文专题教程    - href="http://t.cn/8kZZ1Uy" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Webstorm,InterllIdea,Phpstorm    - href="https://github.com/jikeytang/sublime-text" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">SublimeText    - href="https://atom.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Atom    - href="https://code.visualstudio.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">visual studio code
  2. Chrome, Firebug, Filddle 调试

      1. Fiddler
          - href="http://www.cnblogs.com/tugenhua0707/p/4623317.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Fiddler调式使用知多少(一)深入研究        - href="http://www.cnblogs.com/strick/p/4570006.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微信fiddle        - href="http://gaoboy.com/article/26.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微信fiddle   
      2. Chrome
          - href="https://developer.chrome.com/devtools" class="link_blue" data-toggle="checklink" target="_blank">Google Chrome 官方        - href="http://www.cnblogs.com/constantince/p/4565261.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 基础        - href="http://www.cnblogs.com/constantince/p/4579121.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 进阶        - href="http://www.cnblogs.com/constantince/p/4585983.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 性能        - href="http://www.cnblogs.com/constantince/p/4607497.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 性能进阶        - href="http://www.cnblogs.com/constantince/p/4624241.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 移动        - href="http://www.cnblogs.com/liyunhua/p/4544738.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - 使用技巧        - href="http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome - Console控制台不完全指南        - href="http://c7sky.com/chrome-devtools-workspace.html" class="link_blue" data-toggle="checklink" target="_blank">Chrome - Workspace使浏览器变成IDE        - href="http://www.html-js.com/article/Nothing-blind%202975" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">network面板        - href="http://anti-code.com/devtools-cheatsheet/" class="link_blue" data-toggle="checklink" target="_blank">chrome开发工具快捷键        - href="http://www.html-js.com/article/2327" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome调试工具常用功能整理        - href="http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome 开发工具 Workspace 使用        - href="http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome神器Vimium快捷键学习记录         - href="http://www.w3cplus.com/sassguide/debug.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">sass调试-w3cplus        - href="http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html" class="link_blue" data-toggle="checklink" target="_blank">如何更专业的使用Chrome开发者工具-w3cplus        - href="http://sentsin.com/web/253.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome调试canvas        - href="https://developer.chrome.com/devtools/index" class="link_blue" data-toggle="checklink" target="_blank">chrome profiles1        - href="http://h5dev.uc.cn/article-25-1.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome profiles2        - href="http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome profiles3        - href="https://developer.chrome.com/devtools/docs/mobile-emulation" class="link_blue" data-toggle="checklink" target="_blank">chrome移动版调试        - href="http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome调试        - href="http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">chrome的调试        - href="https://developer.chrome.com/devtools/docs/commandline-api" class="link_blue" data-toggle="checklink" target="_blank">chrome console 命令详解        - href="http://www.cnblogs.com/leonkao/p/3809655.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">查看事件绑定1        - href="http://www.cnblogs.com/xiaoyao2011/p/3447421.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">查看事件绑定2        - href="http://segmentfault.com/a/1190000000683599" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">神器——Chrome开发者工具(一)        - href="https://xinranliu.me/2015-05-22-qiqu-performance/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍)        - href="http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html" class="link_blue" data-toggle="checklink" target="_blank">chrome 开发者工具的 15 个小技巧        - href="http://1ke.co/course/361" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome开发者工具不完全指南        - href="http://segmentfault.com/a/1190000003882567" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Chrome 开发者工具使用技巧
      3. Firebug
          - href="http://www.imooc.com/learn/137" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">firebug视频教程        - href="https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">firefox 模拟器        - href="http://www.cnblogs.com/ctriphire/p/4116207.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">console.log 命令详解        - href="http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Firebug入门指南        - href="http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Firebug控制台详解   
      4. 移动,微信调试
          - href="https://openstf.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">浏览器端调试安卓        - href="http://yujiangshui.com/multidevice-frontend-debug/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">移动端前端开发调试        - href="https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">使用 Chrome 远程调试 Android 设备        - href="http://plus.uc.cn/document/webapp/doc5.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mac移动端调试        - href="http://www.mihtool.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">mac移动端调试        - href="http://thx.github.io/mobile/debugging-in-mobile/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">无线调试攻略        - href="http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">无线调试攻略        - href="http://www.jianshu.com/p/ccf124f1f74b" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">屌爆了,完美调试 微信webview(x5)        - href="http://liyaodong.com/2015/07/06/%E5%BE%AE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微信调试的那些事        - href="http://jsconsole.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">远程console        - href="http://blog.qqbrowser.cc/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微信调试工具        - href="https://github.com/jieyou/remote_inspect_web_on_real_device" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">各种真机远程调试方法汇总   
      5. iOS Simulator
          - href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/iOS_Simulator_Guide/Introduction/Introduction.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Simulator        - href="http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得
  3. img

      - href="http://preloaders.net/en/circular" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">loading img    - href="http://zhitu.isux.us/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">智图-图片优化平台    - href="https://tinypng.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">在线png优化
  4. 生成二维码

      - href="http://cli.im/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">生成二维码   
  5. 浏览器同步
      - href="https://github.com/leeluolee/puer" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">puer    - href="http://livereload.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">liveReload    - href="http://getf5.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">f5    - href="http://geek100.com/2608/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">File Watchers
  6. 在线PPT制作
                  - href="http://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90nodeppt%EF%BC%9A%E4%BD%BF%E7%94%A8markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5ppt/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">nodePPT                - href="https://github.com/ksky521/nodePPT" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">PPT                - href="https://github.com/hakimel/reveal.js/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">reveal                - href="https://github.com/Seldaek/slippy" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">slippy
  ###十七. 前端导航网站

  - href="http://uxbees.com/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">界面清爽的前端导航- href="http://whycss.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端导航- href="http://www.daqianduan.com/nav" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端网址导航- href="http://sentsin.com/daohang/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端名录- href="http://123.jser.us/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端导航- href="http://www.css88.com/nav/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发资源- href="http://www.haourl.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">网址导航- href="http://code.ciaoca.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端开发仓库 - 众多效果的收集地
  - href="https://github.com/jnoodle/f2e-collect" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">前端资源导航- href="http://f2e.im/static/pages/nav/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">F2E 前端导航
  ###十八. 常用CDN

  - href="http://lib.sinaapp.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">新浪CDN- href="http://cdn.code.baidu.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">百度静态资源公共库- href="http://libs.useso.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">360网站卫士常用前端公共库CDN服务- href="http://www.bootcdn.cn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Bootstrap中文网开源项目免费 CDN 服务- href="http://staticfile.org/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">开放静态文件 CDN - 七牛- href="http://www.jq22.com/cdn/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">CDN加速 - jq22- href="http://code.jquery.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">jQuery CDN- href="http://www.google-jquery-cdn.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">Google jQuery CDN- href="http://www.asp.net/ajax/cdn" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">微软CDN
  ###十九. Git,SVN,Github

  1. Git

      - href="http://git-scm.com/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">git-scm    - href="http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">廖雪峰-Git教程    - href="https://git-for-windows.github.io/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">git-for-windows    - href="http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">GitHub 添加 SSH keys    - href="http://www.worldhello.net/gotgithub/index.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">gogithub    - href="http://pcottle.github.io/learnGitBranching/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">git常规命令练习    - href="https://github.com/xirong/my-git" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">git的资料整理    - href="http://www.cnblogs.com/fanfan259/p/4810517.html" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">我所记录的git命令(非常实用)    - href="https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">企业开发git工作流模式探索部分休整    - href="https://github.com/phodal/github-roam" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">GitHub 漫游指南    - href="https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">GitHub秘籍    - href="http://livoras.com/post/28" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">使用git和github进行协同开发流程    - href="http://onlywei.github.io/explain-git-with-d3/" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">动画方式练习git
  部分内容是出自:
href="https://github.com/jsfront/src/blob/master/qq.md" class="link_blue" data-toggle="checklink" target="_blank" rel="nofollow">https://github.com/jsfront/src/blob/master/qq.md
id="clickbar" class="row cl">
class="col-md-4">
id="share-btns"> id="share-sina-weibo" class="icon-awesome-weibo dh200 " data-toggle="tooltip" data-container="body" data-placement="top" title="分享到:新浪微博"> id="share-t-weibo" class="icon-awesome-tencent-weibo dh200" data-toggle="tooltip" data-container="body" data-placement="top" title="分享到:腾讯微博"> id="share-qq" class="icon-awesome-qq dh200" data-toggle="tooltip" data-placement="top" data-container="body" title="分享到:QQ好友"> id="share-qzone" class="icon-awesome-star-o dh200" data-toggle="tooltip" data-container="body" data-placement="top" title="分享到:QQ空间及朋友网">z
class="col-md-4">
id="praise-btn" class="dh200" data-praise="true" data-type="notes" data-id="aa37b942c3a9c33beb802eddfbbf2c1c" data-textselector="b" data-point="#tagsbar"> class="icon-awesome-thumbs-up"> 给个赞 class="pull-right">class="praisenum" data-praisenum="true">107 人点赞
class="col-md-4">
id="favorite-btn" class="dh200" data-fav="true" data-type="notes" data-title="网址资源,个人整理来之不易请珍惜,页面有点乱,请谅解。" data-id="aa37b942c3a9c33beb802eddfbbf2c1c" data-textselector="b" data-point="#tagsbar"> class="icon-awesome-heart"> 收藏 class="pull-right">class="favnum" data-favoritenum="true">258 人收藏
class="spreadbar container cl">
class="spreadleft">
class="spreadright">
id="comment" class="container boxs"> href="notes/19125/aa37b942c3a9c33beb802eddfbbf2c1c.html" id="comment_link" class="hide">
class="titlebar comment_toptitle">评论 已有 class="text-danger" data-commentnum="true">19 条评论;以下用户言论只代表其个人观点,不代表 前端网(W3Cfuns) 的观点或立场。
class="comment-area">
class="media cl"> class="media-left lazy" href="house.php?u=30967"> class="media-object" alt="994082690" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=30967&size=middle"/>
class="media-body">
class="media-heading cl"> href="house/30967.html" class="comment_uname" target="_blank">994082690

class="wordcount">还可以输入class="num">300

class="media-cont first_pub">
class="comment-bottombar cl">
class="icons emot">表情
class="icons code">代码
id="comment-list" class="cl lazy">
class="titlebar orange mb30">最热评论
class="titlebar">最新评论
  这个够不够,反正是吓到我了=_+* class="cl"> class="comment-report">id="#report_1" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-18#f18" data-report-point="#report_1" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="ED+67y/nf9q7NE0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="ED+67y/nf9q7NE0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0)
class="pagebar pagecenter cl" data-pages="2">
id="column-right" class="pull-right boxs cl">
    id="author_count" class="cl">
  • 3 总笔记数
  • data-toggle="tooltip" data-container="body" data-placement="top" title="总阅读量:16,898"> 1.7 总阅读量

class="titlebar">作者最新

class="hide">

你可能感兴趣的:(网址资源 页面有点乱,请谅解。)