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"> class="container cl"> class="navbar-header mr10"> class="navbar-brand dh200" href="/"> alt="前端网(W3Cfuns)" src="http://cdn.res.w3cfuns.com/images/logos/logo.png"/> 前端网 id="shortcut_nav" class="dh200 cl"> class="shortcut_items shortcut_avatar" data-type="avatar"> id="nav_avatar" class="dh200">alt="994082690" src="http://www.w3cfuns.com/uc_server/avatar.php?uid=30967&size=small"/> id="memberinfo_data" data-expval="经验|0|50,金币|1"> id="memberinfo_banner"> id="memberinfo_bg" class="glass15" alt="小屋主题" src="theme/house/california/banner_mini.jpg"/> id="memberinfo_content"> id="memberinfo_avatar" href="house.php"> class="changeavatar" alt="994082690" src="http://www.w3cfuns.com/uc_server/avatar.php?uid=30967&size=middle"/> id="popover_uinfo" class=""> href="house" id="popover_username" class="font24"> 994082690 class="level">Lv.1 id ="signaturelog" class="font12 text-center" data-defval="[点击编辑个性签名]">[点击编辑个性签名]id="pub_signaturelog" class="hide"> class="signaturetext">="1)Enter键 - 完成 |
|
2)Esc键 - 取消"> class ="wordcount">还可以输入class="num">60字id="experience_bar" class="cl"> class="mb0 progress progress5"> class="progress-bar progress-bar-striped-reverse" role="progressbar" style="width:1%">
id="memberinfo_bottombar" class="row cl"> class="col-md-4">href="manage/setting" class="lh30 pull-left" rel="nofollow">class="t2 mr2 font16 icon-awesome-reorder gray_666">账号设置 class="col-md-4"> class="col-md-4">href="member.php?mod=logout&formhash=97d32399" class="lh30 pull-right" rel="nofollow">class="t3 mr2 font16 icon-entypo-log-out gray_666">退出 class="shortcut_items" data-type="letters"> class="icon-awesome-envelope-o"> class="shortcut_items search dh200"> class="glyphicon glyphicon-search"> id="nav_search" type="search" value="" placeholder="输入关键字搜索"/> id="column-left" class="pull-left cl"> id="noteinfo"> href="house/19125.html" target="_blank" id="note_avatar" data-toggle="usercard" data-u="">alt="秋日物语" src="http://cdn.avatar.w3cfuns.com/000/01/91/19125_9d2f58047832017c5ae573e9d749abe0_small.jpg"/> id="infos" class="cl"> href="house/19125.html" id="author_link" class="link_blue" target="_blank" data-toggle="usercard" data-u="">秋日物语 发布于 2016-03-22 09:56:59 浏览:1.17万 类型:href="notes/id/all:original:all:all.html" target="_blank">原创 - href="notes/id/all:all:dee0b3064a7816915b8e90ad54874d20:all.html" target="_blank">教程 分类:href="notes/id/all:all:all:3b96c34ac01a6a2316d4c602076232d8.html" target="_blank" data-toggle="tooltip" title="系统分类">HTML/CSS - href="house/19125/note/class/id/df328b021a0d6c885046a2da19b02a69.html" target="_blank" data-toggle="tooltip" title="个人分类">网站资料 二维码: id="column-article"> 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&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&a=show&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&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&os=0&sort=view&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&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&fid=51&filter=typeid&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="tagsbar" class="cl"> class="pull-left">标签:
id="operate" class="pull-right"> href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c" data-report-point="#tagsbar" rel="nofollow">举报 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"> ="comment-text" placeholder="光标闪闪抒想法,键盘声声送评论。这,就是对作者最大的鼓励!"> class="comment-bottombar cl"> class="icons emot">表情 class="icons code">代码 ="button" class="btn_comment btn btn-primary pull-right" data-comment="true" data-type="notes" data-length="2000" data-typeid="D7RLldfOMyRb7w" data-typemd5="aa37b942c3a9c33beb802eddfbbf2c1c" data-do="publish" data-text="发表评论" data-commentbox=".comment-text">发表评论 id="comment-list" class="cl lazy"> class="titlebar orange mb30">最热评论class="media cl"> href="house/13445.html" class="media-left" data-toggle="usercard" data-u="13445"> class="media-object" alt="yeager" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=13445&size=small"/> class="media-body"> class="media-heading">href="house/13445.html" class="comment-author" target="_blank">yeagerclass="font12">2016-03-22 17:12:23class="storey">6F class="details">http://collect.w3ctrain.com/ 给你看这个 你也可以做个 导航造福后人~ class="cl"> class="comment-report">id="#report_hot_0" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-6#f6" data-report-point="#report_hot_0" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="Q2np4Xfnf967N00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (2) class="comment-reply">href="javascript:;" data-id="Q2np4Xfnf967N00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) class="media cl"> href="house/21014.html" class="media-left" data-toggle="usercard" data-u="21014"> class="media-object" alt="幕艺传奇" data-original="http://cdn.avatar.w3cfuns.com/000/02/10/21014_acc44efd90f4fa281caf23e53e7227e6_small.jpg"/> class="media-body"> class="media-heading">href="house/21014.html" class="comment-author" target="_blank">幕艺传奇class="font12">2016-03-28 11:30:37class="storey">17F class="details">http://www.36zhen.com/my?id=470 我整理的这个,希望对大家有帮助 class="cl"> class="comment-report">id="#report_hot_1" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-17#f17" data-report-point="#report_hot_1" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="RDi86n3nf9yzM00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (1) class="comment-reply">href="javascript:;" data-id="RDi86n3nf9yzM00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) class="titlebar">最新评论id="comment-new" class="cl"> id="f20" class="media cl"> href="house/30136.html" class="media-left" data-toggle="usercard" data-u="30136"> class="media-object" alt="您听说过前端吗" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=30136&size=small"/> class="media-body"> class="media-heading">href="house/30136.html" class="comment-author" target="_blank">您听说过前端吗class="font12">2016-08-05 18:48:13class="storey">20F class="details">拜谢 class="cl"> class="comment-report">id="#report_0" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-20#f20" data-report-point="#report_0" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="Rz3qu3jmfdu/M00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="Rz3qu3jmfdu/M00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f18" class="media cl"> href="house/17633.html" class="media-left" data-toggle="usercard" data-u="17633"> class="media-object" alt="Naylor" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=17633&size=small"/> class="media-body"> class="media-heading">href="house/17633.html" class="comment-author" target="_blank">Naylorclass="font12">2016-03-30 18:51:13class="storey">18F class="details">http://www.whycss.com/ |
|
这个够不够,反正是吓到我了=_+* 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) id="f17" class="media cl"> href="house/21014.html" class="media-left" data-toggle="usercard" data-u="21014"> class="media-object" alt="幕艺传奇" data-original="http://cdn.avatar.w3cfuns.com/000/02/10/21014_acc44efd90f4fa281caf23e53e7227e6_small.jpg"/> class="media-body"> class="media-heading">href="house/21014.html" class="comment-author" target="_blank">幕艺传奇class="font12">2016-03-28 11:30:37class="storey">17F class="details">http://www.36zhen.com/my?id=470 我整理的这个,希望对大家有帮助 class="cl"> class="comment-report">id="#report_2" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-17#f17" data-report-point="#report_2" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="RDi86n3nf9yzM00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (1) class="comment-reply">href="javascript:;" data-id="RDi86n3nf9yzM00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f16" class="media cl"> href="house/23385.html" class="media-left" data-toggle="usercard" data-u="23385"> class="media-object" alt="武陵人V" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=23385&size=small"/> class="media-body"> class="media-heading">href="house/23385.html" class="comment-author" target="_blank">武陵人Vclass="font12">2016-03-27 16:24:27class="storey">16F class="details">非常感谢楼主啊! class="cl"> class="comment-report">id="#report_3" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-16#f16" data-report-point="#report_3" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="RGntvXfnf9y8NE0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="RGntvXfnf9y8NE0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f15" class="media cl"> href="house/23057.html" class="media-left" data-toggle="usercard" data-u="23057"> class="media-object" alt="浩然的天空" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=23057&size=small"/> class="media-body"> class="media-heading">href="house/23057.html" class="comment-author" target="_blank">浩然的天空class="font12">2016-03-26 21:28:19class="storey">15F class="details">感谢分享! class="cl"> class="comment-report">id="#report_4" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-15#f15" data-report-point="#report_4" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="Sz687yvnf9y/NE0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="Sz687yvnf9y/NE0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f14" class="media cl"> href="house/18570.html" class="media-left" data-toggle="usercard" data-u="18570"> class="media-object" alt="回眸已逝" data-original="http://cdn.avatar.w3cfuns.com/000/01/85/18570_4717c244331eb475a42e5f58945e945c_small.jpg"/> class="media-body"> class="media-heading">href="house/18570.html" class="comment-author" target="_blank">回眸已逝class="font12">2016-03-24 20:31:40class="storey">14F class="details">很不错,谢谢楼主整理 class="cl"> class="comment-report">id="#report_5" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-14#f14" data-report-point="#report_5" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="R224vXznf928O00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="R224vXznf928O00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f13" class="media cl"> href="house/12602.html" class="media-left" data-toggle="usercard" data-u="12602"> class="media-object" alt="淡嘫の漠看丗堺" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=12602&size=small"/> class="media-body"> class="media-heading">href="house/12602.html" class="comment-author" target="_blank">淡嘫の漠看丗堺class="font12">2016-03-23 17:38:25class="storey">13F class="details">不知道这篇是否也是你写的 https://cnodejs.org/topic/56ef3edd532839c33a99d00e class="cl"> class="comment-report">id="#report_6" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-13#f13" data-report-point="#report_6" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="SjPpuHfnf926NE0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="SjPpuHfnf926NE0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f12" class="media cl"> href="house/22336.html" class="media-left" data-toggle="usercard" data-u="22336"> class="media-object" alt="九儿" data-original="http://cdn.avatar.w3cfuns.com/000/02/23/22336_83e6341c952eb1f0fe899a7ddfa30ffd_small.jpg"/> class="media-body"> class="media-heading">href="house/22336.html" class="comment-author" target="_blank">九儿class="font12">2016-03-23 17:37:14class="storey">12F class="details">路过,果断收藏。 class="cl"> class="comment-report">id="#report_7" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-12#f12" data-report-point="#report_7" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="QG3qvSvnf926Nk0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="QG3qvSvnf926Nk0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f11" class="media cl"> href="house/17716.html" class="media-left" data-toggle="usercard" data-u="17716"> class="media-object" alt="feiyu" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=17716&size=small"/> class="media-body"> class="media-heading">href="house/17716.html" class="comment-author" target="_blank">feiyuclass="font12">2016-03-23 14:17:12class="storey">11F class="details">哎哟,不错哦 class="cl"> class="comment-report">id="#report_8" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-11#f11" data-report-point="#report_8" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="QzPo4Hbnf96yOk0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="QzPo4Hbnf96yOk0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f10" class="media cl"> href="house/23197.html" class="media-left" data-toggle="usercard" data-u="23197"> class="media-object" alt="Jason丶Leo" data-original="http://cdn.avatar.w3cfuns.com/000/02/31/23197_89e3b2c88ef35d68afff6abeb34bec4c_small.jpg"/> class="media-body"> class="media-heading">href="house/23197.html" class="comment-author" target="_blank">Jason丶Leoclass="font12">2016-03-23 12:11:44class="storey">10F class="details">果断收藏,不要问我为什么。 class="cl"> class="comment-report">id="#report_9" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-10#f10" data-report-point="#report_9" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="Sz2zunfnf969ME0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="Sz2zunfnf969ME0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f9" class="media cl"> href="house/23028.html" class="media-left" data-toggle="usercard" data-u="23028"> class="media-object" alt="维叶" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=23028&size=small"/> class="media-body"> class="media-heading">href="house/23028.html" class="comment-author" target="_blank">维叶class="font12">2016-03-22 22:18:27class="storey">9F class="details">好多~~感谢分享~~ class="cl"> class="comment-report">id="#report_10" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-9#f9" data-report-point="#report_10" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="ETi74X/nf96+MU0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="ETi74X/nf96+MU0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f8" class="media cl"> href="house/22860.html" class="media-left" data-toggle="usercard" data-u="22860"> class="media-object" alt="前端的路上有我" data-original="http://cdn.avatar.w3cfuns.com/000/02/28/22860_09e8fef7c74627eaadebcc0f0d15e2e8_small.jpg"/> class="media-body"> class="media-heading">href="house/22860.html" class="comment-author" target="_blank">前端的路上有我class="font12">2016-03-22 20:13:01class="storey">8F class="details">辛苦了 class="cl"> class="comment-report">id="#report_11" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-8#f8" data-report-point="#report_11" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="EDLq63rnf964NE0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="EDLq63rnf964NE0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f7" class="media cl"> href="house/18290.html" class="media-left" data-toggle="usercard" data-u="18290"> class="media-object" alt="bayern8888" data-original="http://cdn.avatar.w3cfuns.com/000/01/82/18290_6984fba75d83f56682b0329c93e651df_small.jpg"/> class="media-body"> class="media-heading">href="house/18290.html" class="comment-author" target="_blank">bayern8888class="font12">2016-03-22 18:09:27class="storey">7F class="details">太全面了,能把这些都看完就可以了 class="cl"> class="comment-report">id="#report_12" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-7#f7" data-report-point="#report_12" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="EWnouCjnf964MU0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="EWnouCjnf964MU0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f6" class="media cl"> href="house/13445.html" class="media-left" data-toggle="usercard" data-u="13445"> class="media-object" alt="yeager" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=13445&size=small"/> class="media-body"> class="media-heading">href="house/13445.html" class="comment-author" target="_blank">yeagerclass="font12">2016-03-22 17:12:23class="storey">6F class="details">http://collect.w3ctrain.com/ 给你看这个 你也可以做个 导航造福后人~ class="cl"> class="comment-report">id="#report_13" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-6#f6" data-report-point="#report_13" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="Q2np4Xfnf967N00KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (2) class="comment-reply">href="javascript:;" data-id="Q2np4Xfnf967N00KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) id="f5" class="media cl"> href="house/17936.html" class="media-left" data-toggle="usercard" data-u="17936"> class="media-object" alt="a13891377946" data-original="http://www.w3cfuns.com/uc_server/avatar.php?uid=17936&size=small"/> class="media-body"> class="media-heading">href="house/17936.html" class="comment-author" target="_blank">a13891377946class="font12">2016-03-22 14:30:06class="storey">5F class="details">好多。需要的时候来找 收藏class="emots qq_emot" data-ubb="[emot=qq]27[/emot]" data-toggle="convert2x" alt="emoticon" src="http://cdn.res.w3cfuns.com/images/emoticon/qq/27.png"/> class="cl"> class="comment-report">id="#report_14" href="javascript:;" data-report="true" data-report-link="notes.php?mod=view&u=19125&id=aa37b942c3a9c33beb802eddfbbf2c1c:storey-5#f5" data-report-point="#report_14" data-text="举报" rel="nofollow">class="icon-brankic-warning">举报 class="comment-assent">href="javascript:;" data-id="EDPt6Hznf9+zNU0KW/tGI9Ij5+yavA" data-text="支持" rel="nofollow">支持 (0) class="comment-reply">href="javascript:;" data-id="EDPt6Hznf9+zNU0KW/tGI9Ij5+yavA" data-text="回复" rel="nofollow">回复 (0) class="pagebar pagecenter cl" data-pages="2">
id="column-right" class="pull-right boxs cl"> id="author_info"> href="house/19125.html" target="_blank" id="author_avatar" data-toggle="usercard" data-u="17936">alt="秋日物语" src="http://cdn.avatar.w3cfuns.com/000/01/91/19125_9d2f58047832017c5ae573e9d749abe0_big.jpg"/> href="house/19125.html" target="_blank" id="author_name" class="link_blue" data-toggle="usercard" data-u="17936">秋日物语 class="badge">作者 人生若只如初见,何事秋风悲画扇?这寂落的秋,我没有颜色去画青帝眷恋的你,只有嗜血
class="titlebar">作者最新
id="ft_about" class="cl"> href="about/us" target="_blank" rel="nofollow">关于我们href="about/business" target="_blank" rel="nofollow">商务合作href="about/case" target="_blank" rel="nofollow">合作案例href="about/contact" target="_blank" rel="nofollow">商务联系href="about/regpact" target="_blank" rel="nofollow">注册协议href="about/disclaimer" target="_blank" rel="nofollow">免责声明href="about/privacy" target="_blank" rel="nofollow">版权隐私href="javascript:;" onclick="window.open('http://weibo.com/w3cfuns', 'newwindow');return false;" rel="nofollow">新浪微博 id ="copybar">Copyright © href="./">W3Cfuns.com All Rights Reserved. href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">京ICP备10055601号-2id="ft_coop"> 合作伙伴:href="redirect.php?mod=adv&id=334f6406f0f72d761e90559da571e073" target="_blank">alt="又拍云" src="http://cdn.attach.w3cfuns.com/promotion/201603/16/195822cyg228re97eg2s1l.png"/> class="hide"> |