最全的资源教程：前端涉及的所有知识体系
LoreenLutz
8年前
<ol> <li> <p><strong>综合类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719446365844851" rel="nofollow,noindex">前端知识体系</a></li> <li><a href="/misc/goto?guid=4958875403698804895" rel="nofollow,noindex">前端知识结构</a></li> <li><a href="/misc/goto?guid=4958965175146627837" rel="nofollow,noindex">Web前端开发大系概览</a></li> <li><a href="/misc/goto?guid=4958965174956036323" rel="nofollow,noindex">Web前端开发大系概览-中文版</a></li> <li><a href="https://simg.open-open.com/show/19717a1b65e6f6cb8f3cc303ba4cd5c0.png" rel="nofollow,noindex">Web Front-end Stack v2.2</a></li> <li><a href="/misc/goto?guid=4959629559829299881" rel="nofollow,noindex">免费的编程中文书籍索引</a></li> <li><a href="/misc/goto?guid=4958875403232032085" rel="nofollow,noindex">前端书籍</a></li> <li><a href="/misc/goto?guid=4958825667594852762" rel="nofollow,noindex">前端免费书籍大全</a></li> <li><a href="/misc/goto?guid=4959719446365844851" rel="nofollow,noindex">前端知识体系</a></li> <li><a href="/misc/goto?guid=4959629559829299881" rel="nofollow,noindex">免费的编程中文书籍索引</a></li> <li><a href="/misc/goto?guid=4959719446660073662" rel="nofollow,noindex">智能社 - 精通JavaScript开发</a></li> <li><a href="/misc/goto?guid=4959638271489117464" rel="nofollow,noindex">重新介绍 JavaScript（JS 教程）</a></li> <li><a href="/misc/goto?guid=4959719446774199428" rel="nofollow,noindex">麻省理工学院公开课：计算机科学及编程导论</a></li> <li><a href="/misc/goto?guid=4959719446861807346" rel="nofollow,noindex">JavaScript中的this陷阱的最全收集--没有之一</a></li> <li><a href="/misc/goto?guid=4959719446942784962" rel="nofollow,noindex">JS函数式编程指南</a></li> <li><a href="/misc/goto?guid=4959639629717352718" rel="nofollow,noindex">JavaScript Promise迷你书（中文版）</a></li> <li><a href="/misc/goto?guid=4958865625172818727" rel="nofollow,noindex">腾讯移动Web前端知识库</a></li> <li><a href="/misc/goto?guid=4959719447139709982" rel="nofollow,noindex">Front-End-Develop-Guide 前端开发指南</a></li> <li><a href="/misc/goto?guid=4958972555583081114" rel="nofollow,noindex">前端开发笔记本</a></li> <li><a href="/misc/goto?guid=4958970178242734693" rel="nofollow,noindex">大前端工具集 - 聂微东</a></li> <li><a href="/misc/goto?guid=4959645678167960092" rel="nofollow,noindex">前端开发者手册</a></li> </ul> </li> <li> <p><strong>入门类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719447423921096" rel="nofollow,noindex">前端入门教程</a></li> <li><a href="/misc/goto?guid=4959719447505646500" rel="nofollow,noindex">瘳雪峰的Javascript教程</a></li> <li><a href="/misc/goto?guid=4959719701838557572" rel="nofollow,noindex">jQuery基础教程</a></li> <li><a href="/misc/goto?guid=4959719447592976537" rel="nofollow,noindex">前端工程师必备的PS技能——切图篇</a></li> <li><a href="/misc/goto?guid=4959648269078102840" rel="nofollow,noindex">结合个人经历总结的前端入门方法</a></li> </ul> </li> <li> <p><strong>效果类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719493282029110" rel="nofollow,noindex">弹出层</a></li> <li><a href="/misc/goto?guid=4959719493365154931" rel="nofollow,noindex">焦点图轮播特效</a></li> </ul> </li> <li> <p><strong>工具类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719447855091004" rel="nofollow,noindex">css sprite 雪碧图制作</a></li> <li><a href="/misc/goto?guid=4959719447930544194" rel="nofollow,noindex">版本控制入门 – 搬进 Github</a></li> <li><a href="/misc/goto?guid=4959644456541492570" rel="nofollow,noindex">Grunt-beginner前端自动化工具</a></li> </ul> </li> <li> <p><strong>慕课专题</strong></p> <ul> <li><a href="/misc/goto?guid=4959726118522966605" rel="nofollow,noindex">张鑫旭 - 慕课系列</a></li> <li><a href="/misc/goto?guid=4959726118618175140" rel="nofollow,noindex">lyn - 慕课系列</a></li> <li><a href="/misc/goto?guid=4959726118696310838" rel="nofollow,noindex">艾伦 - 慕课系列</a></li> <li><a href="/misc/goto?guid=4959726118779979807" rel="nofollow,noindex">碧仔 - Hello，移动WEB</a></li> </ul> </li> <li> <p><strong>周报类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719449278707094" rel="nofollow,noindex">平安科技移动开发二队技术周报</a></li> </ul> </li> </ol> <h3><strong>六. API:</strong></h3> <p><strong>1. 总目录</strong></p> <ol> <li> <p><strong>开发中心</strong></p> <ul> <li><a href="/misc/goto?guid=4959638275425961499" rel="nofollow,noindex">mozilla js参考</a></li> <li><a href="/misc/goto?guid=4959719449387892939" rel="nofollow,noindex">chrome开发中心（chrome的内核已转向blink）</a></li> <li><a href="/misc/goto?guid=4959719449466723885" rel="nofollow,noindex">safari开发中心</a></li> <li><a href="/misc/goto?guid=4959726118979768046" rel="nofollow,noindex">microsoft js参考</a></li> <li><a href="/misc/goto?guid=4959552863991361484" rel="nofollow,noindex">js秘密花园</a></li> <li><a href="/misc/goto?guid=4958823448454672002" rel="nofollow,noindex">js秘密花园</a></li> <li><a href="/misc/goto?guid=4959719449752580250" rel="nofollow,noindex">w3help</a> 综合Bug集合网站</li> </ul> </li> <li> <p><strong>综合搜索</strong></p> <ul> <li><a href="/misc/goto?guid=4959661530837241858" rel="nofollow,noindex">javascripting</a></li> <li><a href="/misc/goto?guid=4958317584883779996" rel="nofollow,noindex">各种流行库搜索</a></li> </ul> </li> <li> <p><strong>综合API</strong></p> <ul> <li><a href="/misc/goto?guid=4959649523802363976" rel="nofollow,noindex">runoob.com-包含各种API集合</a></li> <li><a href="/misc/goto?guid=4959719451125244449" rel="nofollow,noindex">开源中国在线API文档合集</a></li> <li><a href="/misc/goto?guid=4958826372861521213" rel="nofollow,noindex">devdocs</a> 英文综合API网站</li> </ul> </li> </ol> <p><strong>2. jQuery</strong></p> <ul> <li><a href="/misc/goto?guid=4959719457266931978" rel="nofollow,noindex">jQuery API 中文文档</a></li> <li><a href="/misc/goto?guid=4959726119333274827" rel="nofollow,noindex">hemin 在线版</a></li> <li><a href="/misc/goto?guid=4959726119421465386" rel="nofollow,noindex">css88 jq api</a></li> <li><a href="/misc/goto?guid=4959726119492856973" rel="nofollow,noindex">css88 jqui api</a></li> <li><a href="/misc/goto?guid=4958530544722977674" rel="nofollow,noindex">学习jquery</a></li> <li><a href="/misc/goto?guid=4959721371128961262" rel="nofollow,noindex">jquery 源码查找</a></li> </ul> <p><strong>3. Ecmascript</strong></p> <ul> <li><a href="/misc/goto?guid=4959632071244001163" rel="nofollow,noindex">Understanding ECMAScript 6 - Nicholas C. Zakas</a></li> <li><a href="/misc/goto?guid=4958971688736245442" rel="nofollow,noindex">exploring-es6</a></li> <li><a href="/misc/goto?guid=4959719451286552218" rel="nofollow,noindex">exploring-es6翻译</a></li> <li><a href="/misc/goto?guid=4959721370533586608" rel="nofollow,noindex">exploring-es6翻译后预览</a></li> <li><a href="/misc/goto?guid=4958850434079143726" rel="nofollow,noindex">阮一峰 es6</a></li> <li><a href="/misc/goto?guid=4958870312253630531" rel="nofollow,noindex">阮一峰 Javascript</a></li> <li><a href="/misc/goto?guid=4959629362201021016" rel="nofollow,noindex">ECMA-262，第 5 版</a></li> <li><a href="/misc/goto?guid=4959652745530166964" rel="nofollow,noindex">es5</a></li> </ul> <p><strong>4. Js template</strong></p> <ul> <li><a href="/misc/goto?guid=4959726119879975680" rel="nofollow,noindex">template-chooser</a></li> <li><a href="/misc/goto?guid=4958876984542282070" rel="nofollow,noindex">artTemplate</a></li> <li><a href="/misc/goto?guid=4959719451690017876" rel="nofollow,noindex">tomdjs</a></li> <li><a href="/misc/goto?guid=4959719451780823649" rel="nofollow,noindex">淘宝模板juicer模板</a></li> <li><a href="/misc/goto?guid=4959726120060269652" rel="nofollow,noindex">Fxtpl v1.0 繁星前端模板引擎</a></li> <li><a href="/misc/goto?guid=4959719451950055501" rel="nofollow,noindex">laytpl</a></li> <li><a href="/misc/goto?guid=4959615060925441455" rel="nofollow,noindex">mozilla - nunjucks</a></li> <li><a href="/misc/goto?guid=4959628474966786429" rel="nofollow,noindex">Juicer</a></li> <li><a href="/misc/goto?guid=4959552821385069494" rel="nofollow,noindex">dustjs</a></li> <li><a href="/misc/goto?guid=4959726120253994855" rel="nofollow,noindex">etpl</a></li> </ul> <p><strong>5. 弹出层</strong></p> <ul> <li><a href="/misc/goto?guid=4959628475842962756" rel="nofollow,noindex">artDialog 最新版</a></li> <li><a href="/misc/goto?guid=4959719493551558274" rel="nofollow,noindex">artDialog 文档</a></li> <li><a href="/misc/goto?guid=4959719493633846419" rel="nofollow,noindex">google code 下载地址</a></li> <li><a href="/misc/goto?guid=4959719493714944848" rel="nofollow,noindex">贤心弹出层</a></li> <li><a href="/misc/goto?guid=4959719493797879347" rel="nofollow,noindex">响应式用户交互组件库</a></li> <li><a href="/misc/goto?guid=4958988898093584841" rel="nofollow,noindex">sweetalert-有css3动画弹出层</a></li> </ul> <p><strong>6. CSS</strong></p> <ul> <li><a href="/misc/goto?guid=4958868278914084142" rel="nofollow,noindex">CSS 语法参考</a></li> <li><a href="/misc/goto?guid=4959719452719045375" rel="nofollow,noindex">CSS3动画手册</a></li> <li><a href="/misc/goto?guid=4959719452804332457" rel="nofollow,noindex">腾讯css3动画制作工具</a></li> <li><a href="/misc/goto?guid=4958969387297478262" rel="nofollow,noindex">志爷css小工具集合</a></li> <li><a href="/misc/goto?guid=4959719452965835416" rel="nofollow,noindex">css3 js 移动大杂烩</a></li> <li><a href="/misc/goto?guid=4958834575574498450" rel="nofollow,noindex">bouncejs 触摸库</a></li> <li><a href="/misc/goto?guid=4958866800424444394" rel="nofollow,noindex">css3 按钮动画</a></li> <li><a href="/misc/goto?guid=4958825016939205076" rel="nofollow,noindex">animate.css</a></li> <li><a href="/misc/goto?guid=4958972673487645861" rel="nofollow,noindex">全局CSS的终结(狗带) [译]</a></li> </ul> <p><strong>7. Angularjs</strong></p> <ul> <li><a href="/misc/goto?guid=4959639316006513120" rel="nofollow,noindex">Angular.js 的一些学习资源</a></li> <li><a href="/misc/goto?guid=4958537748020652716" rel="nofollow,noindex">angularjs中文社区</a></li> <li><a href="/misc/goto?guid=4959719453328807162" rel="nofollow,noindex">Angularjs源码学习</a></li> <li><a href="/misc/goto?guid=4959719453412770144" rel="nofollow,noindex">Angularjs源码学习</a></li> <li><a href="/misc/goto?guid=4958864137379374502" rel="nofollow,noindex">angular对bootstrap的封装</a></li> <li><a href="/misc/goto?guid=4959719454009138051" rel="nofollow,noindex">angularjs + nodejs</a></li> <li><a href="/misc/goto?guid=4959639309295832277" rel="nofollow,noindex">吕大豹 Angularjs</a></li> <li><a href="/misc/goto?guid=4959639312197018840" rel="nofollow,noindex">AngularJS 最佳实践</a></li> <li><a href="/misc/goto?guid=4959639312935558857" rel="nofollow,noindex">Angular的一些扩展指令</a></li> <li><a href="/misc/goto?guid=4958850470828634701" rel="nofollow,noindex">Angular数据绑定原理</a></li> <li><a href="/misc/goto?guid=4959726121061863134" rel="nofollow,noindex">一些扩展Angular UI组件</a></li> <li><a href="/misc/goto?guid=4959726121149885863" rel="nofollow,noindex">Ember和AngularJS的性能测试</a></li> <li><a href="/misc/goto?guid=4959719454374047290" rel="nofollow,noindex">带你走近AngularJS - 基本功能介绍</a></li> <li><a href="/misc/goto?guid=4959719454453229366" rel="nofollow,noindex">Angularjs开发指南</a></li> <li><a href="/misc/goto?guid=4959719454539783599" rel="nofollow,noindex">Angularjs学习</a></li> <li><a href="/misc/goto?guid=4959719454618765516" rel="nofollow,noindex">不要带着jQuery的思维去学习AngularJS</a></li> <li><a href="/misc/goto?guid=4959639309392421876" rel="nofollow,noindex">angularjs 学习笔记</a></li> <li><a href="/misc/goto?guid=4959719454722719219" rel="nofollow,noindex">angularjs 开发指南</a></li> <li><a href="/misc/goto?guid=4958863464671164351" rel="nofollow,noindex">angularjs 英文资料</a></li> <li><a href="/misc/goto?guid=4958864137379374502" rel="nofollow,noindex">angular bootstrap</a></li> <li><a href="/misc/goto?guid=4958535722620854844" rel="nofollow,noindex">angular jq mobile</a></li> <li><a href="/misc/goto?guid=4959726121472906773" rel="nofollow,noindex">angular ui</a></li> <li><a href="/misc/goto?guid=4959719454958792662" rel="nofollow,noindex">整合jQuery Mobile+AngularJS经验谈</a></li> <li><a href="/misc/goto?guid=4959719455042593158" rel="nofollow,noindex">有jQuery背景，该如何用AngularJS编程思想</a></li> <li><a href="/misc/goto?guid=4959726121621024938" rel="nofollow,noindex">AngularJS在线教程</a></li> <li><a href="/misc/goto?guid=4959719455198271464" rel="nofollow,noindex">angular学习笔记</a></li> </ul> <p><strong>8. React</strong></p> <ul> <li><a href="/misc/goto?guid=4959719455281125035" rel="nofollow,noindex">react.js 中文论坛</a></li> <li><a href="/misc/goto?guid=4959719455360081667" rel="nofollow,noindex">react.js 官方网址</a></li> <li><a href="/misc/goto?guid=4958874692283405843" rel="nofollow,noindex">react.js 官方文档</a></li> <li><a href="/misc/goto?guid=4958855091672152516" rel="nofollow,noindex">react.js material UI</a></li> <li><a href="/misc/goto?guid=4958862060950828354" rel="nofollow,noindex">react.js TouchstoneJS UI</a></li> <li><a href="/misc/goto?guid=4959726121875399974" rel="nofollow,noindex">react.js amazeui UI</a></li> <li><a href="/misc/goto?guid=4958870578281658581" rel="nofollow,noindex">React 入门实例教程 - 阮一峰</a></li> <li><a href="/misc/goto?guid=4958872159776707326" rel="nofollow,noindex">React Native 中文版</a></li> <li><a href="/misc/goto?guid=4959719455765661672" rel="nofollow,noindex">Webpack 和 React 小书 - 前端乱炖</a></li> <li><a href="/misc/goto?guid=4959726122043744366" rel="nofollow,noindex">Webpack 和 React 小书 - gitbook</a></li> <li><a href="/misc/goto?guid=4958967409467887542" rel="nofollow,noindex">webpack</a></li> <li><a href="/misc/goto?guid=4959719455959450122" rel="nofollow,noindex">Webpack，101入门体验</a></li> <li><a href="/misc/goto?guid=4959719456042483401" rel="nofollow,noindex">webpack入门教程</a></li> <li><a href="/misc/goto?guid=4959642540399016076" rel="nofollow,noindex">基于webpack搭建前端工程解决方案探索</a></li> <li><a href="/misc/goto?guid=4959719456154292267" rel="nofollow,noindex">React原创实战视频教程</a></li> </ul> <p><strong>9. 移动端API</strong></p> <ol> <li><strong>API</strong> <ul> <li><a href="/misc/goto?guid=4959639629491965789" rel="nofollow,noindex">99移动端知识集合</a></li> <li><a href="/misc/goto?guid=4958865625172818727" rel="nofollow,noindex">移动端前端开发知识库</a></li> <li><a href="/misc/goto?guid=4959719456631291743" rel="nofollow,noindex">移动前端的一些坑和解决方法（外观表现）</a></li> <li><a href="/misc/goto?guid=4958974312247076951" rel="nofollow,noindex">【原】移动web资源整理</a></li> <li><a href="/misc/goto?guid=4959639629566978345" rel="nofollow,noindex">zepto 1.0 中文手册</a></li> <li><a href="/misc/goto?guid=4959726122408864760" rel="nofollow,noindex">zepto 1.0 中文手册</a></li> <li><a href="/misc/goto?guid=4959648039473697906" rel="nofollow,noindex">zepto 1.1.2</a></li> <li><a href="/misc/goto?guid=4959719456987986782" rel="nofollow,noindex">zepto 中文注释</a></li> <li><a href="/misc/goto?guid=4959719457069593652" rel="nofollow,noindex">jqmobile 手册</a></li> <li><a href="/misc/goto?guid=4959719457150916598" rel="nofollow,noindex">移动浏览器开发集合</a></li> <li><a href="/misc/goto?guid=4958875403884683387" rel="nofollow,noindex">移动开发大杂烩</a></li> <li><a href="/misc/goto?guid=4959726122633821242" rel="nofollow,noindex">微信webview中的一些问题</a></li> </ul> </li> <li><strong>框架</strong> <ul> <li><a href="/misc/goto?guid=4959647152761410753" rel="nofollow,noindex">特色的HTML框架可以创建精美的iOS应用</a></li> <li><strong><a href="/misc/goto?guid=4959650307673283681" rel="nofollow,noindex">淘宝SUI</a></strong></li> </ul> </li> </ol> <p><strong>10. avalon</strong></p> <ul> <li><a href="/misc/goto?guid=4959719492956272188" rel="nofollow,noindex">avalonjs</a></li> <li><a href="/misc/goto?guid=4959719493037042671" rel="nofollow,noindex">Avalon新一代UI库： OniUI</a></li> <li><a href="/misc/goto?guid=4959719493116146768" rel="nofollow,noindex">avalon.oniui-基于avalon的组件库</a></li> <li> </li> </ul> <p><strong>11. Requriejs</strong></p> <ul> <li><a href="/misc/goto?guid=4959543761979448200" rel="nofollow,noindex">Javascript模块化编程（一）：模块的写法</a></li> <li><a href="/misc/goto?guid=4959543825334947825" rel="nofollow,noindex">Javascript模块化编程（二）：AMD规范</a></li> <li><a href="/misc/goto?guid=4959651659732667251" rel="nofollow,noindex">Javascript模块化编程（三）：require.js的用法</a></li> <li><a href="/misc/goto?guid=4959719458166163045" rel="nofollow,noindex">RequireJS入门（一）</a></li> <li><a href="/misc/goto?guid=4959719458253311643" rel="nofollow,noindex">RequireJS入门（二）</a></li> <li><a href="/misc/goto?guid=4959719458336153516" rel="nofollow,noindex">RequireJS进阶（三）</a></li> <li><a href="/misc/goto?guid=4959719458414796104" rel="nofollow,noindex">requrie源码学习</a></li> <li><a href="/misc/goto?guid=4959719458498791912" rel="nofollow,noindex">requrie 入门指南</a></li> <li><a href="/misc/goto?guid=4959719458575311424" rel="nofollow,noindex">requrieJS 学习笔记</a></li> <li><a href="/misc/goto?guid=4959719458654474150" rel="nofollow,noindex">requriejs 其一</a></li> <li><a href="/misc/goto?guid=4959719458730370645" rel="nofollow,noindex">require backbone结合</a></li> </ul> <p><strong>12. Seajs</strong></p> <ul> <li><a href="/misc/goto?guid=4958854326059447832" rel="nofollow,noindex">seajs</a></li> <li><a href="/misc/goto?guid=4959726123211699083" rel="nofollow,noindex">seajs 中文手册</a></li> </ul> <p><strong>13. Less,sass</strong></p> <ul> <li><a href="/misc/goto?guid=4959650080916742441" rel="nofollow,noindex">sass</a></li> <li><a href="/misc/goto?guid=4959719459001248510" rel="nofollow,noindex">sass教程-sass中国</a></li> <li><a href="/misc/goto?guid=4959719459079083251" rel="nofollow,noindex">Sass 中文文档</a></li> <li><a href="/misc/goto?guid=4958969386308747588" rel="nofollow,noindex">less</a></li> </ul> <p><strong>14. Markdown</strong></p> <ul> <li><a href="/misc/goto?guid=4958870313022548984" rel="nofollow,noindex">Markdown 语法说明 (简体中文版)</a></li> <li><a href="/misc/goto?guid=4959719459265395378" rel="nofollow,noindex">markdown入门参考</a></li> <li><a href="/misc/goto?guid=4958860413208272338" rel="nofollow,noindex">gitbook</a> 国外的在线markdown可编辑成书</li> <li><a href="/misc/goto?guid=4959638952754406142" rel="nofollow,noindex">mdeditor</a> 一款国内的在线markdown编辑器</li> <li><a href="/misc/goto?guid=4959726123532601784" rel="nofollow,noindex">stackedit</a> 国外的在线markdown编辑器，功能强大，同步云盘</li> <li><a href="/misc/goto?guid=4959726123610526232" rel="nofollow,noindex">mditor</a> 一款轻量级的markdown编辑器</li> <li><a href="/misc/goto?guid=4959615954512738471" rel="nofollow,noindex">lepture-editor</a></li> <li><a href="/misc/goto?guid=4959719459555459663" rel="nofollow,noindex">markdown-editor</a></li> </ul> <p><strong>15. D3</strong></p> <ul> <li><a href="/misc/goto?guid=4958531188026184533" rel="nofollow,noindex">d3 Tutorials</a></li> <li><a href="/misc/goto?guid=4958871578944484169" rel="nofollow,noindex">Gallery</a></li> <li><a href="/misc/goto?guid=4959719457838781915" rel="nofollow,noindex">lofter</a></li> <li><a href="/misc/goto?guid=4959719457928305837" rel="nofollow,noindex">iteye</a></li> <li><a href="/misc/goto?guid=4959719458001146511" rel="nofollow,noindex">ruanyifeng</a></li> </ul> <p><strong>16. 兼容性</strong></p> <ul> <li><a href="/misc/goto?guid=4958855722292930489" rel="nofollow,noindex">esma 兼容列表</a></li> <li><a href="/misc/goto?guid=4959719459747514755" rel="nofollow,noindex">W3C CSS验证服务</a></li> <li><a href="/misc/goto?guid=4959719459818481720" rel="nofollow,noindex">caniuse</a></li> <li><a href="/misc/goto?guid=4959719459904770686" rel="nofollow,noindex">csscreator</a></li> <li><a href="/misc/goto?guid=4959726124019046830" rel="nofollow,noindex">microsoft</a></li> <li><a href="/misc/goto?guid=4958528384547750247" rel="nofollow,noindex">在线测兼容-移动端</a></li> <li><a href="/misc/goto?guid=4959719460098466869" rel="nofollow,noindex">emulators</a></li> </ul> <p><strong>17. UI相关</strong></p> <ul> <li><a href="/misc/goto?guid=4958853180917545301" rel="nofollow,noindex">bootcss</a></li> <li><a href="/misc/goto?guid=4959726124196739282" rel="nofollow,noindex">MetroUICSS</a></li> <li><a href="/misc/goto?guid=4958542168966082381" rel="nofollow,noindex">semantic</a></li> <li><a href="/misc/goto?guid=4958536876097346195" rel="nofollow,noindex">Buttons</a></li> <li><a href="/misc/goto?guid=4958834575288095252" rel="nofollow,noindex">kitecss</a></li> <li><a href="/misc/goto?guid=4959614180818050032" rel="nofollow,noindex">pintuer</a></li> <li><a href="/misc/goto?guid=4958839055981814283" rel="nofollow,noindex">amazeui</a></li> <li><a href="/misc/goto?guid=4958988064258441668" rel="nofollow,noindex">worldhello</a></li> <li><a href="/misc/goto?guid=4959719460595033465" rel="nofollow,noindex">linuxtoy</a></li> <li><a href="/misc/goto?guid=4958870309296314467" rel="nofollow,noindex">gitmagic</a></li> <li><a href="/misc/goto?guid=4958837433897247068" rel="nofollow,noindex">rogerdudler</a></li> <li><a href="/misc/goto?guid=4958870309383568712" rel="nofollow,noindex">gitref</a></li> <li><a href="/misc/goto?guid=4958837433986194829" rel="nofollow,noindex">book</a></li> <li><a href="/misc/goto?guid=4959726124594184054" rel="nofollow,noindex">gogojimmy</a></li> </ul> <p><strong>18. HTTP</strong></p> <ul> <li><a href="/misc/goto?guid=4959719460919540460" rel="nofollow,noindex">HTTP API 设计指南</a></li> </ul> <p><strong>19. 其它API</strong></p> <ul> <li><a href="/misc/goto?guid=4959726124715185091" rel="nofollow,noindex">javascript流行库汇总</a></li> <li><a href="/misc/goto?guid=4959719460995391093" rel="nofollow,noindex">验证api</a></li> <li><a href="/misc/goto?guid=4959721368537252820" rel="nofollow,noindex">underscore 中文手册</a></li> <li><a href="/misc/goto?guid=4959719461158229586" rel="nofollow,noindex">underscore源码分析</a></li> <li><a href="/misc/goto?guid=4959726124884743379" rel="nofollow,noindex">underscore源码分析-亚里士朱德的博客</a></li> <li><a href="/misc/goto?guid=4958528211773305809" rel="nofollow,noindex">underscrejs en api</a></li> <li><a href="/misc/goto?guid=4958871496205746239" rel="nofollow,noindex">lodash - underscore的代替品</a></li> <li><a href="/misc/goto?guid=4959556520724786910" rel="nofollow,noindex">ext4api</a></li> <li><a href="/misc/goto?guid=4959549887383044965" rel="nofollow,noindex">backbone 中文手册</a></li> <li><a href="/misc/goto?guid=4959719461454781374" rel="nofollow,noindex">qwrap手册</a></li> <li><a href="/misc/goto?guid=4959660098781606599" rel="nofollow,noindex">缓动函数</a></li> <li><a href="/misc/goto?guid=4959719461569554614" rel="nofollow,noindex">svg 中文参考</a></li> <li><a href="/misc/goto?guid=4959719461650702027" rel="nofollow,noindex">svg mdn参考</a></li> <li><a href="/misc/goto?guid=4959719461730941805" rel="nofollow,noindex">svg 导出 canvas</a></li> <li><a href="/misc/goto?guid=4959719461810437251" rel="nofollow,noindex">svg 导出 png</a></li> <li><a href="/misc/goto?guid=4959726125260872857" rel="nofollow,noindex">ai-to-svg</a></li> <li><a href="/misc/goto?guid=4959719461985659894" rel="nofollow,noindex">localStorage 库</a></li> </ul> <p><strong>20. 图表类</strong></p> <ul> <li><a href="/misc/goto?guid=4959719462057653190" rel="nofollow,noindex">Highcharts 中文API</a></li> <li><a href="/misc/goto?guid=4959719462153394537" rel="nofollow,noindex">Highcharts 英文API</a></li> <li><a href="/misc/goto?guid=4958830263140391453" rel="nofollow,noindex">ECharts 百度的图表软件</a></li> <li><a href="/misc/goto?guid=4959726125456382414" rel="nofollow,noindex">高德地图</a></li> <li><a href="/misc/goto?guid=4958529486647817667" rel="nofollow,noindex">开源的矢量图脚本框架</a></li> <li><a href="/misc/goto?guid=4958521908792578832" rel="nofollow,noindex">svg 地图</a></li> </ul> <p><strong>21. vue</strong></p> <ul> <li><a href="/misc/goto?guid=4959646930251080102" rel="nofollow,noindex">Vue</a></li> <li><a href="/misc/goto?guid=4959719456267628813" rel="nofollow,noindex">Vue 论坛</a></li> <li><a href="/misc/goto?guid=4959719456350984230" rel="nofollow,noindex">Vue 入门指南</a></li> <li><a href="/misc/goto?guid=4959719456432467726" rel="nofollow,noindex">Vue 的一些资源索引</a></li> <li> </li> </ul> <p><strong>21. 正则</strong></p> <ul> <li><a href="/misc/goto?guid=4959719462409256795" rel="nofollow,noindex">JS正则表达式元字符</a></li> <li><a href="/misc/goto?guid=4958870310001627402" rel="nofollow,noindex">正则表达式30分钟入门教程</a></li> <li><a href="/misc/goto?guid=4959719462512550975" rel="nofollow,noindex">MDN-正则表达式</a></li> <li><a href="/misc/goto?guid=4959719462606815873" rel="nofollow,noindex">ruanyifeng - RegExp对象</a></li> <li><a href="/misc/goto?guid=4959719462687885059" rel="nofollow,noindex">小胡子哥 - 进阶正则表达式</a></li> <li><a href="/misc/goto?guid=4959719462786022230" rel="nofollow,noindex">is.js</a></li> <li><a href="/misc/goto?guid=4959719462877247254" rel="nofollow,noindex">正则在线测试</a></li> <li> </li> </ul> <p><strong>22. ionic</strong></p> <ul> <li><a href="/misc/goto?guid=4959668467814252930" rel="nofollow,noindex">ionic</a></li> </ul> <p><strong>23. 其它</strong></p> <ul> <li><a href="/misc/goto?guid=4959639604660922977" rel="nofollow,noindex">Mock.js 是一款模拟数据生成器</a></li> </ul> <h3><strong>七. 开发规范</strong></h3> <ol> <li> <p><strong>前端</strong></p> <ul> <li><a href="/misc/goto?guid=4959719462968367583" rel="nofollow,noindex">通过分析github代码库总结出来的工程师代码书写习惯</a></li> <li><a href="/misc/goto?guid=4959645437162481961" rel="nofollow,noindex">HTML&CSS编码规范 by @mdo</a></li> <li><a href="/misc/goto?guid=4959726126038805152" rel="nofollow,noindex">团队合作的css命名规范-腾讯AlloyTeam前端团队</a></li> <li><a href="/misc/goto?guid=4959719463175237264" rel="nofollow,noindex">前端编码规范之js - by yuwenhui</a></li> <li><a href="/misc/goto?guid=4959637636332843867" rel="nofollow,noindex">前端编码规范之js - by 李靖</a></li> <li><a href="/misc/goto?guid=4959644291293807322" rel="nofollow,noindex">前端开发规范手册</a></li> <li><a href="/misc/goto?guid=4959719463385530373" rel="nofollow,noindex">Airbnb JavaScript 编码规范（简体中文版）</a></li> <li><a href="/misc/goto?guid=4959719463475572635" rel="nofollow,noindex">AMD与CMD规范的区别</a></li> <li><a href="/misc/goto?guid=4959719463568748011" rel="nofollow,noindex">AMD与CMD规范的区别</a></li> <li><a href="/misc/goto?guid=4959719463658200880" rel="nofollow,noindex">KISSY 源码规范</a></li> <li><a href="/misc/goto?guid=4959645437162481961" rel="nofollow,noindex">bt编码规范</a></li> <li><a href="/misc/goto?guid=4959719463754853132" rel="nofollow,noindex">规范加强版</a></li> <li><a href="/misc/goto?guid=4959721374028570983" rel="nofollow,noindex">前端代码规范 及 最佳实践</a></li> <li><a href="/misc/goto?guid=4959653331442690027" rel="nofollow,noindex">百度前端规范</a></li> <li><a href="/misc/goto?guid=4959553496749073526" rel="nofollow,noindex">百度前端规范</a></li> <li><a href="/misc/goto?guid=4959719464126304493" rel="nofollow,noindex">百度前端规范</a></li> <li><a href="/misc/goto?guid=4959719464219244264" rel="nofollow,noindex">ECMAScript6 编码规范--广发证券前端团队</a></li> <li><a href="/misc/goto?guid=4959726126510226993" rel="nofollow,noindex">JavaScript 风格指南/编码规范（Airbnb公司版）</a></li> <li><a href="/misc/goto?guid=4959719464401904635" rel="nofollow,noindex">网易前端开发规范</a></li> <li><a href="/misc/goto?guid=4959719464494994890" rel="nofollow,noindex">css模块</a></li> <li><a href="/misc/goto?guid=4959653341202400302" rel="nofollow,noindex">前端规范资源列表</a></li> </ul> </li> <li> <p><strong>PHP</strong></p> <ul> <li><a href="/misc/goto?guid=4959719464610527334" rel="nofollow,noindex">最流行的PHP 代码规范</a></li> <li><a href="/misc/goto?guid=4959719464709812892" rel="nofollow,noindex">最流行的PHP 代码规范</a></li> </ul> </li> <li> <p><strong>Android</strong></p> <ul> <li><a href="/misc/goto?guid=4959719466895723382" rel="nofollow,noindex">【敏捷开发】Android团队开发规范</a></li> <li><a href="/misc/goto?guid=4958966287239824149" rel="nofollow,noindex">Android 开发规范与应用</a></li> </ul> </li> </ol> <h3><strong>八. 其它收集</strong></h3> <p><strong>1. 各大公司开源项目</strong></p> <ul> <li><a href="/misc/goto?guid=4959721374875923026" rel="nofollow,noindex">非死book Projects</a></li> <li><a href="/misc/goto?guid=4958836157683731590" rel="nofollow,noindex">百度web前端研发部</a></li> <li><a href="/misc/goto?guid=4958849076296879202" rel="nofollow,noindex">百度EFE</a></li> <li><a href="/misc/goto?guid=4959721374959216822" rel="nofollow,noindex">百度github</a></li> <li><a href="/misc/goto?guid=4958531634572379649" rel="nofollow,noindex">alloyteam</a></li> <li><a href="/misc/goto?guid=4959719465091677823" rel="nofollow,noindex">alloyteam-github</a></li> <li><a href="/misc/goto?guid=4959630729374954820" rel="nofollow,noindex">alloyteam-AlloyGameEngine</a></li> <li><a href="/misc/goto?guid=4959726127012469061" rel="nofollow,noindex">AlloyDesigner</a> 即时修改，即时保存，设计稿较正，其它开发辅助工具</li> <li><a href="/misc/goto?guid=4958962228331815718" rel="nofollow,noindex">H5交互页编辑器AEditor介绍</a> H5动画交互页开发的工具介绍</li> <li><a href="/misc/goto?guid=4959719465399251292" rel="nofollow,noindex">AEditor</a> H5动画交互页开发的工具</li> <li><a href="/misc/goto?guid=4959726127153852999" rel="nofollow,noindex">maka</a></li> <li><a href="/misc/goto?guid=4959719465494761466" rel="nofollow,noindex">值得订阅的weekly</a></li> <li><a href="/misc/goto?guid=4959719465587621646" rel="nofollow,noindex">腾讯html5</a></li> <li><a href="/misc/goto?guid=4959719465675318215" rel="nofollow,noindex">奇舞团开源项目</a></li> <li><a href="/misc/goto?guid=4958861448674781793" rel="nofollow,noindex">Qunar UED</a></li> </ul> <p><strong>2. Javascript</strong></p> <ol> <li> <p><strong>常用</strong></p> <ul> <li><a href="/misc/goto?guid=4959726127352473093" rel="nofollow,noindex">ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性</a></li> <li><a href="/misc/goto?guid=4958987621422522566" rel="nofollow,noindex">模拟键盘</a></li> <li><a href="/misc/goto?guid=4959623796964705486" rel="nofollow,noindex">拼音</a></li> <li><a href="/misc/goto?guid=4959719466109037419" rel="nofollow,noindex">中国个人身份证号验证</a></li> </ul> </li> <li> <p><strong>算法</strong></p> <ul> <li><a href="/misc/goto?guid=4959719466209533597" rel="nofollow,noindex">数据结构与算法 JavaScript 描述. 章节练习</a></li> <li><a href="/misc/goto?guid=4959719466309378161" rel="nofollow,noindex">常见排序算法（JS版）</a></li> <li><a href="/misc/goto?guid=4959719466398889878" rel="nofollow,noindex">经典排序</a></li> <li><a href="/misc/goto?guid=4959719466497728698" rel="nofollow,noindex">常见排序算法-js版本</a></li> <li><a href="/misc/goto?guid=4959719466588087601" rel="nofollow,noindex">JavaScript 算法与数据结构 精华集</a></li> <li><a href="/misc/goto?guid=4959719466681648044" rel="nofollow,noindex">面试常考算法题精讲</a></li> <li> </li> </ul> </li> <li> <p><strong>移动端</strong></p> <ul> <li><a href="/misc/goto?guid=4958538438644315681" rel="nofollow,noindex">fastclick</a></li> <li><a href="/misc/goto?guid=4959719466799628760" rel="nofollow,noindex">no-click-delay</a></li> </ul> </li> <li> <p><strong>JSON</strong></p> <ul> <li><a href="/misc/goto?guid=4959655555190516843" rel="nofollow,noindex">模拟生成JSON数据</a></li> <li><a href="/misc/goto?guid=4959719467081923762" rel="nofollow,noindex">返回跨域JSONAPI</a></li> </ul> </li> </ol> <p><strong>3. Html5</strong></p> <ul> <li><a href="/misc/goto?guid=4959719493439914685" rel="nofollow,noindex">HTML5 有哪些让你惊艳的 demo？</a></li> </ul> <p><strong>4. CSS</strong></p> <ul> <li><a href="/misc/goto?guid=4958829123874226184" rel="nofollow,noindex">browserhacks</a></li> <li> </li> </ul> <p><strong>5. jQuery</strong></p> <ol> <li> <p><strong>焦点图</strong></p> <ul> <li><a href="/misc/goto?guid=4959719467179492323" rel="nofollow,noindex">myfocus</a></li> <li><a href="/misc/goto?guid=4959726127900485281" rel="nofollow,noindex">myfocus-官方演示站</a></li> <li><a href="/misc/goto?guid=4959719467372104210" rel="nofollow,noindex">SuperSlidev2.1 -- 大话主席</a></li> <li><a href="/misc/goto?guid=4959719467463305719" rel="nofollow,noindex">soChange</a></li> </ul> </li> </ol> <p><strong>6. Ext, EasyUI, J-UI 及其它各种UI方案</strong></p> <ol> <li> <p><strong>Ext</strong></p> <ul> <li><a href="/misc/goto?guid=4959726128040260880" rel="nofollow,noindex">extjs</a></li> <li><a href="/misc/goto?guid=4959726128124633237" rel="nofollow,noindex">ext4英文api</a></li> <li><a href="/misc/goto?guid=4959556520724786910" rel="nofollow,noindex">ext4中文api</a></li> <li> </li> </ul> </li> <li> <p><strong>EasyUI</strong></p> <ul> <li><a href="/misc/goto?guid=4959726128227925412" rel="nofollow,noindex">jquery easyui 未压缩源代码</a></li> </ul> </li> <li> <p><strong>J-UI</strong></p> <ul> <li><a href="/misc/goto?guid=4959719467837730518" rel="nofollow,noindex">J-UI</a></li> </ul> </li> <li> <p><strong>Other</strong></p> <ul> <li><a href="/misc/goto?guid=4959647102928655052" rel="nofollow,noindex">MUI-最接近原生APP体验的高性能前端框架</a></li> <li><a href="/misc/goto?guid=4958839055981814283" rel="nofollow,noindex">Amaze UI | 中国首个开源 HTML5 跨屏前端框架</a></li> <li><a href="/misc/goto?guid=4959650307673283681" rel="nofollow,noindex">淘宝 HTML5 前端框架</a></li> <li><a href="/misc/goto?guid=4959552864888928723" rel="nofollow,noindex">KISSY - 阿里前端JavaScript库</a></li> <li><a href="/misc/goto?guid=4959555570472524903" rel="nofollow,noindex">网易Nej - Nice Easy Javascript</a></li> <li><a href="/misc/goto?guid=4959719468122847719" rel="nofollow,noindex">Kendo UI MVVM Demo</a></li> <li><a href="/misc/goto?guid=4958532246454818584" rel="nofollow,noindex">Bootstrap</a></li> <li><a href="/misc/goto?guid=4959719468297700375" rel="nofollow,noindex">Smart UI</a></li> <li><a href="/misc/goto?guid=4959548884700700278" rel="nofollow,noindex">雅虎UI - CSS UI</a></li> </ul> </li> </ol> <p><strong>7. 页面 社会化 分享功能</strong></p> <ul> <li><a href="/misc/goto?guid=4959719468422376199" rel="nofollow,noindex">百度分享</a> pc端</li> <li><a href="/misc/goto?guid=4959719468513801224" rel="nofollow,noindex">JiaThis</a> pc端</li> <li><a href="/misc/goto?guid=4959719468606918923" rel="nofollow,noindex">社会化分享组件</a> 移动端</li> <li><a href="/misc/goto?guid=4959644967132490820" rel="nofollow,noindex">ShareSDK 轻松实现社会化功能</a> 移动端</li> <li><a href="/misc/goto?guid=4959719468727616659" rel="nofollow,noindex">友盟分享</a> 移动端</li> </ul> <p><strong>8. 富文本编辑器</strong></p> <ul> <li><a href="/misc/goto?guid=4958342226199492444" rel="nofollow,noindex">百度 ueditor</a></li> <li><a href="/misc/goto?guid=4958184329508074004" rel="nofollow,noindex">经典的ckeditor</a></li> <li><a href="/misc/goto?guid=4958853181098716092" rel="nofollow,noindex">经典的kindeditor</a></li> <li><a href="/misc/goto?guid=4959726128794659453" rel="nofollow,noindex">wysiwyg</a></li> <li><a href="/misc/goto?guid=4959726128879808991" rel="nofollow,noindex">一个有情怀的编辑器。Bach's Editor</a></li> <li><a href="/misc/goto?guid=4958862004701735353" rel="nofollow,noindex">tower用的编辑器</a></li> <li><a href="/misc/goto?guid=4959717904953561998" rel="nofollow,noindex">summernote 编辑器</a></li> <li><a href="/misc/goto?guid=4958859249365090619" rel="nofollow,noindex">html5编辑器</a></li> <li><a href="/misc/goto?guid=4959726129171553893" rel="nofollow,noindex">XEditor</a></li> <li><a href="/misc/goto?guid=4958960400027696835" rel="nofollow,noindex">wangEditor</a></li> </ul> <p><strong>9. 日历</strong></p> <ol> <li> <p><strong>PC</strong></p> <ul> <li><a href="/misc/goto?guid=4959719491227915702" rel="nofollow,noindex">经典my97</a></li> <li><a href="/misc/goto?guid=4959719491311756218" rel="nofollow,noindex">强大的独立日期选择器</a></li> <li><a href="/misc/goto?guid=4958863338843103741" rel="nofollow,noindex">fullcalendar</a></li> <li><a href="/misc/goto?guid=4959719491421160695" rel="nofollow,noindex">fullcalendar日历控件知识点集合</a></li> <li><a href="/misc/goto?guid=4959719491504469355" rel="nofollow,noindex">中文api</a></li> <li><a href="/misc/goto?guid=4959619079620562228" rel="nofollow,noindex">农历日历</a></li> <li><a href="/misc/goto?guid=4959719491610150433" rel="nofollow,noindex">超酷的仿百度带节日日历老黄历控件</a></li> <li><a href="/misc/goto?guid=4958198907110249002" rel="nofollow,noindex">日期格式化</a></li> <li><a href="/misc/goto?guid=4959726129499014169" rel="nofollow,noindex">大牛日历控件</a></li> <li><a href="/misc/goto?guid=4959719491811054793" rel="nofollow,noindex">我群某管理作品</a></li> <li><a href="/misc/goto?guid=4958187161671721951" rel="nofollow,noindex">input按位替换-官网</a></li> <li><a href="/misc/goto?guid=4959719491963092747" rel="nofollow,noindex">input按位替换-github</a></li> <li><a href="/misc/goto?guid=4958527607814313767" rel="nofollow,noindex">bootstrap-daterangepicker</a></li> <li><a href="/misc/goto?guid=4959726129695230641" rel="nofollow,noindex">国外30个插件集合</a></li> <li><a href="/misc/goto?guid=4958537787411721651" rel="nofollow,noindex">JavaScript datepicker</a></li> <li><a href="/misc/goto?guid=4958863340793842876" rel="nofollow,noindex">Datepair.js</a></li> <li><a href="/misc/goto?guid=4959719492322753385" rel="nofollow,noindex">一个风格多样的日历</a></li> <li><a href="/misc/goto?guid=4959726129867805191" rel="nofollow,noindex">弹出层式的全日历</a></li> <li><a href="/misc/goto?guid=4959719492489194142" rel="nofollow,noindex">jquery双日历</a></li> </ul> </li> <li> <p><strong>移动</strong></p> <ul> <li><a href="http://www.frankdemo.cn/index.php?c=content&a=show&id=115" rel="nofollow,noindex">大气实用jQuery手机移动端日历日期选择插件</a></li> <li><a href="/misc/goto?guid=4959719492646557181" rel="nofollow,noindex">jQuery Mobile 移动开发中的日期插件Mobiscroll</a></li> </ul> </li> <li> <p><strong>Date library</strong></p> <ul> <li><a href="/misc/goto?guid=4959719492725351315" rel="nofollow,noindex">Datejs</a></li> <li><a href="/misc/goto?guid=4959719492809549148" rel="nofollow,noindex">sugarjs</a></li> </ul> </li> </ol> <p><strong>10. 综合效果搜索平台</strong></p> <ul> <li><a href="/misc/goto?guid=4959726130080671259" rel="nofollow,noindex">效果网</a></li> <li><a href="/misc/goto?guid=4959726130166556800" rel="nofollow,noindex">17素材</a></li> <li><a href="/misc/goto?guid=4958317584883779996" rel="nofollow,noindex">常用的JavaScript代码片段</a></li> </ul> <p><strong>11. 前端工程化</strong></p> <ol> <li> <p><strong>概述</strong></p> <ul> <li><a href="/misc/goto?guid=4959645080892290849" rel="nofollow,noindex">前端工具大全</a></li> <li><a href="https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#" rel="nofollow,noindex">什么是前端工程化</a></li> </ul> </li> <li> <p><strong>Gulp</strong></p> <ul> <li><a href="/misc/goto?guid=4958825205695716034" rel="nofollow,noindex">Gulp官网</a></li> <li><a href="/misc/goto?guid=4959639629230980790" rel="nofollow,noindex">Gulp中文网</a></li> <li><a href="/misc/goto?guid=4959645433517967066" rel="nofollow,noindex">gulp资料收集</a></li> <li><a href="/misc/goto?guid=4959659947615720919" rel="nofollow,noindex">Gulp：任务自动管理工具 - ruanyifeng</a></li> <li><a href="/misc/goto?guid=4959621115509618077" rel="nofollow,noindex">Gulp插件</a></li> <li><a href="/misc/goto?guid=4959719469924042762" rel="nofollow,noindex">Gulp不完全入门教程</a></li> <li><a href="/misc/goto?guid=4959719470016829413" rel="nofollow,noindex">为什么使用gulp?</a></li> <li><a href="/misc/goto?guid=4959726130506988072" rel="nofollow,noindex">Gulp安装及配合组件构建前端开发一体化</a></li> <li><a href="/misc/goto?guid=4959645085822284192" rel="nofollow,noindex">Gulp 入门指南</a></li> <li><a href="/misc/goto?guid=4959719470225208440" rel="nofollow,noindex">Gulp 入门指南 - nimojs</a></li> <li><a href="/misc/goto?guid=4959721374290469490" rel="nofollow,noindex">Gulp入门教程</a></li> <li><a href="/misc/goto?guid=4959719470327958019" rel="nofollow,noindex">Gulp in Action</a></li> <li><a href="/misc/goto?guid=4959644457041585424" rel="nofollow,noindex">Gulp开发教程（翻译）</a></li> <li><a href="/misc/goto?guid=4959642517213396876" rel="nofollow,noindex">前端构建工具gulpjs的使用介绍及技巧</a></li> </ul> </li> <li> <p><strong>Grunt</strong></p> <ul> <li><a href="/misc/goto?guid=4958524645657745150" rel="nofollow,noindex">gruntjs</a></li> <li><a href="/misc/goto?guid=4958978579255651724" rel="nofollow,noindex">Grunt中文网</a></li> </ul> </li> <li> <p>Fis</p> <ul> <li><a href="/misc/goto?guid=4959643112847689251" rel="nofollow,noindex">fis 官网</a></li> <li><a href="/misc/goto?guid=4958964230648646690" rel="nofollow,noindex">fis</a></li> </ul> </li> </ol> <p><strong>12. 轮播图</strong></p> <ol> <li> <p><strong>pc图轮</strong></p> <ul> <li><a href="/misc/goto?guid=4959719470602234772" rel="nofollow,noindex">单屏轮播sochange</a></li> <li><a href="/misc/goto?guid=4958835596520429824" rel="nofollow,noindex">左右按钮多图切换</a></li> <li><a href="/misc/goto?guid=4959726130949056476" rel="nofollow,noindex">fullpage全屏轮播</a></li> </ul> </li> <li> <p><strong>移动端</strong></p> <ul> <li><a href="/misc/goto?guid=4959719712878482511" rel="nofollow,noindex">无缝切换</a></li> <li><a href="/misc/goto?guid=4958865928207607727" rel="nofollow,noindex">滑屏效果</a></li> <li><a href="/misc/goto?guid=4959670285661728555" rel="nofollow,noindex">全屏fullpage</a></li> <li><a href="/misc/goto?guid=4959719470877015271" rel="nofollow,noindex">单个图片切换</a></li> <li><a href="/misc/goto?guid=4959670285490015892" rel="nofollow,noindex">单个全屏切换</a></li> <li><a href="/misc/goto?guid=4959719470990953653" rel="nofollow,noindex">百度的切换库</a></li> <li><a href="/misc/goto?guid=4959670285577177386" rel="nofollow,noindex">单个全屏切换</a></li> <li><a href="/misc/goto?guid=4959719471116906807" rel="nofollow,noindex">滑屏效果</a></li> <li><a href="/misc/goto?guid=4958827806120204744" rel="nofollow,noindex">旋转拖动设置</a></li> <li><a href="/misc/goto?guid=4959719471305236791" rel="nofollow,noindex">类似于swipe切换</a></li> <li><a href="/misc/goto?guid=4959719471399179068" rel="nofollow,noindex">支持多种形式的触摸滑动</a></li> <li><a href="/misc/goto?guid=4959719471490548316" rel="nofollow,noindex">滑屏效果</a></li> <li><a href="/misc/goto?guid=4959719467372104210" rel="nofollow,noindex">大话主席pc移动图片轮换</a></li> <li><a href="/misc/goto?guid=4959719471586864990" rel="nofollow,noindex">滑屏效果</a></li> <li><a href="/misc/goto?guid=4958875405207397729" rel="nofollow,noindex">基于zepto的fullpage</a></li> <li><a href="/misc/goto?guid=4959719471707616031" rel="nofollow,noindex">[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应</a></li> <li><a href="/misc/goto?guid=4959726131590783160" rel="nofollow,noindex">判断微信客户端的那些坑</a></li> <li><a href="/misc/goto?guid=4959719471886140009" rel="nofollow,noindex">可以通过javascript直接调用原生分享的工具</a></li> <li><a href="/misc/goto?guid=4959719471967010723" rel="nofollow,noindex">JiaThis 分享到微信代码</a></li> <li><a href="/misc/goto?guid=4958874461436306793" rel="nofollow,noindex">聊聊移动端跨平台开发的各种技术</a></li> <li><a href="/misc/goto?guid=4959719472147627661" rel="nofollow,noindex">前端自动化测试</a></li> <li><a href="/misc/goto?guid=4959726131796170625" rel="nofollow,noindex">多种轮换图片</a></li> <li><a href="/misc/goto?guid=4958868387715303001" rel="nofollow,noindex">滑动侧边栏</a></li> </ul> </li> </ol> <p><strong>13. 文件上传</strong></p> <ul> <li><a href="/misc/goto?guid=4959726131907915220" rel="nofollow,noindex">百度上传组件</a></li> <li><a href="/misc/goto?guid=4958865019026482965" rel="nofollow,noindex">上传</a></li> <li><a href="/misc/goto?guid=4959719472516039287" rel="nofollow,noindex">flash 头像上传</a></li> <li><a href="/misc/goto?guid=4958537369063921958" rel="nofollow,noindex">图片上传预览</a></li> <li><a href="/misc/goto?guid=4959726132090056544" rel="nofollow,noindex">图片裁剪</a></li> <li><a href="/misc/goto?guid=4959719472713641153" rel="nofollow,noindex">图片裁剪-shearphoto</a></li> <li><a href="http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2" rel="nofollow,noindex">jQuery图片处理</a></li> <li> </li> </ul> <p>14. <strong>模拟select</strong></p> <ul> <li><a href="/misc/goto?guid=4959719472883186191" rel="nofollow,noindex">糖饼 select</a></li> <li><a href="/misc/goto?guid=4958879439209279829" rel="nofollow,noindex">flexselect</a></li> <li><a href="/misc/goto?guid=4959719472989749100" rel="nofollow,noindex">双select</a></li> <li><a href="/misc/goto?guid=4959719473076572179" rel="nofollow,noindex">select2</a></li> <li> </li> </ul> <p>15. 取色插件</p> <ul> <li><a href="/misc/goto?guid=4959719473160669051" rel="nofollow,noindex">类似 Photoshop 的界面取色插件</a></li> <li><a href="/misc/goto?guid=4959726132373801525" rel="nofollow,noindex">jquery color</a></li> <li><a href="/misc/goto?guid=4959719473325186189" rel="nofollow,noindex">取色插件集合</a></li> <li><a href="/misc/goto?guid=4959719473407892223" rel="nofollow,noindex">farbtastic 圆环＋正方形</a></li> <li> </li> </ul> <p><strong>16. 城市联动</strong></p> <ul> <li><a href="/misc/goto?guid=4959719473491798414" rel="nofollow,noindex">jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果</a></li> <li> </li> </ul> <p><strong>17. 剪贴板</strong></p> <ul> <li><a href="/misc/goto?guid=4958829957687561964" rel="nofollow,noindex">剪贴板</a></li> <li><a href="/misc/goto?guid=4958969264106555537" rel="nofollow,noindex">clipboard 最新的剪切方案</a></li> <li><a href="/misc/goto?guid=4958976764756243199" rel="nofollow,noindex">不是Flash的剪贴板</a></li> </ul> <p><strong>18. 简繁转换</strong></p> <ul> <li><a href="/misc/goto?guid=4959638179305516617" rel="nofollow,noindex">简繁转换</a></li> </ul> <p><strong>19. 表格 Grid</strong></p> <ul> <li><a href="/misc/goto?guid=4958864528203380881" rel="nofollow,noindex">非死book表格</a></li> <li><a href="/misc/goto?guid=4959627129699955576" rel="nofollow,noindex">类似于Excel编辑表格-handsontable</a></li> <li><a href="/misc/goto?guid=4959719473869121764" rel="nofollow,noindex">bootstrap-table插件</a></li> <li><a href="/misc/goto?guid=4959719473955603987" rel="nofollow,noindex">datatables</a></li> </ul> <p><strong>20. 在线演示</strong></p> <ul> <li><a href="/misc/goto?guid=4959719474042768633" rel="nofollow,noindex">js 在线编辑 - runjs</a></li> <li><a href="/misc/goto?guid=4958344670058898650" rel="nofollow,noindex">js 在线编辑 - jsbin</a></li> <li><a href="/misc/goto?guid=4958539547061522984" rel="nofollow,noindex">js 在线编辑 - codepen</a></li> <li><a href="/misc/goto?guid=4958187755802852921" rel="nofollow,noindex">js 在线编辑 - jsfiddle</a></li> <li><a href="/misc/goto?guid=4958524702959188258" rel="nofollow,noindex">java 在线编辑 - runjs</a></li> <li><a href="/misc/goto?guid=4959719474222844956" rel="nofollow,noindex">js 在线编辑 - hcharts</a></li> <li><a href="/misc/goto?guid=4959719474302844336" rel="nofollow,noindex">js 在线编辑 - jsdm</a></li> <li><a href="/misc/goto?guid=4958831501803920101" rel="nofollow,noindex">sql 在线编辑 - sqlfiddle</a></li> <li><a href="/misc/goto?guid=4959726133011740368" rel="nofollow,noindex">mozilla 在线编辑器</a></li> </ul> <p><strong>21. 播放器</strong></p> <ul> <li><a href="/misc/goto?guid=4959719481599645757" rel="nofollow,noindex">Html5 VideoPlayer</a></li> </ul> <p><strong>22. 粒子动画</strong></p> <ul> <li><a href="/misc/goto?guid=4959719481678207601" rel="nofollow,noindex">Proton 烟花</a></li> </ul> <h3><strong>九. Nodejs</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719703177451879" rel="nofollow,noindex">nodejs 篇幅比较巨大</a></li> <li><a href="/misc/goto?guid=4959639629829368204" rel="nofollow,noindex">Node.js 包教不包会</a></li> <li><a href="/misc/goto?guid=4959719703360921802" rel="nofollow,noindex">篇幅比较少</a></li> <li><a href="/misc/goto?guid=4959719449873721015" rel="nofollow,noindex">node express 入门教程</a></li> <li><a href="/misc/goto?guid=4959719449952769464" rel="nofollow,noindex">nodejs定时任务</a></li> <li><a href="/misc/goto?guid=4959719450037555274" rel="nofollow,noindex">一个nodejs博客</a></li> <li><a href="/misc/goto?guid=4959719450118549632" rel="nofollow,noindex">【NodeJS 学习笔记04】新闻发布系统</a></li> <li><a href="/misc/goto?guid=4959719450199949165" rel="nofollow,noindex">过年7天乐，学nodejs 也快乐</a></li> <li><a href="/misc/goto?guid=4959717927464614909" rel="nofollow,noindex">七天学会NodeJS</a></li> <li><a href="/misc/goto?guid=4959719450314827327" rel="nofollow,noindex">Nodejs学习笔记（二）--- 事件模块</a></li> <li><a href="/misc/goto?guid=4959719450398567974" rel="nofollow,noindex">nodejs入门</a></li> <li><a href="/misc/goto?guid=4958532373923859140" rel="nofollow,noindex">angularjs nodejs</a></li> <li><a href="/misc/goto?guid=4958863807271643359" rel="nofollow,noindex">从零开始nodejs系列文章</a></li> <li><a href="/misc/goto?guid=4959719450590073646" rel="nofollow,noindex">理解nodejs</a></li> <li><a href="/misc/goto?guid=4958522265708506020" rel="nofollow,noindex">nodejs事件轮询</a></li> <li><a href="/misc/goto?guid=4958530806921531102" rel="nofollow,noindex">node入门</a></li> <li><a href="/misc/goto?guid=4959719450802562186" rel="nofollow,noindex">nodejs cms</a></li> <li><a href="/misc/goto?guid=4959719450879021017" rel="nofollow,noindex">Node初学者入门，一本全面的NodeJS教程</a></li> <li><a href="/misc/goto?guid=4959668467186788384" rel="nofollow,noindex">NodeJS的代码调试和性能调优</a></li> </ul> <h3><strong>十. 性能优化</strong></h3> <ol> <li> <p><strong>常规优化</strong></p> <ul> <li><a href="/misc/goto?guid=4959626377211648347" rel="nofollow,noindex">Javascript高性能动画与页面渲染</a></li> <li><a href="/misc/goto?guid=4959625343448110761" rel="nofollow,noindex">移动H5前端性能优化指南</a></li> <li><a href="/misc/goto?guid=4959719474558338740" rel="nofollow,noindex">5173首页前端性能优化实践</a></li> <li><a href="/misc/goto?guid=4959719474641516442" rel="nofollow,noindex">给网页设计师和前端开发者看的前端性能优化</a></li> <li><a href="/misc/goto?guid=4959726133806499361" rel="nofollow,noindex">复杂应用的 CSS 性能分析和优化建议</a></li> <li><a href="/misc/goto?guid=4959726133892096312" rel="nofollow,noindex">张鑫旭——前端性能</a></li> <li><a href="/misc/goto?guid=4959719474895437156" rel="nofollow,noindex">前端性能监控总结</a></li> <li><a href="/misc/goto?guid=4959726134004247536" rel="nofollow,noindex">网站性能优化之CSS无图片技术</a></li> <li><a href="/misc/goto?guid=4959719475058578029" rel="nofollow,noindex">web前端性能优化进阶路</a></li> <li><a href="/misc/goto?guid=4959719475145764468" rel="nofollow,noindex">前端技术：网站性能优化之CSS无图片技术</a></li> <li><a href="/misc/goto?guid=4959726134150925674" rel="nofollow,noindex">浏览器的加载与页面性能优化</a></li> <li><a href="/misc/goto?guid=4959719475314366199" rel="nofollow,noindex">页面加载中的图片性能优化</a></li> <li><a href="/misc/goto?guid=4959719475394328447" rel="nofollow,noindex">Hey——前端性能</a></li> <li><a href="/misc/goto?guid=4959726134295276207" rel="nofollow,noindex">html优化</a></li> <li><a href="/misc/goto?guid=4959719475563698813" rel="nofollow,noindex">99css——性能</a></li> <li><a href="/misc/goto?guid=4959719475665986268" rel="nofollow,noindex">Yslow——性能优化</a></li> <li><a href="/misc/goto?guid=4959726134431343449" rel="nofollow,noindex">YSLOW中文介绍</a></li> <li><a href="/misc/goto?guid=4959719475835393188" rel="nofollow,noindex">转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化</a></li> <li><a href="/misc/goto?guid=4959719475908663886" rel="nofollow,noindex">Yahoo!团队实践分享：网站性能</a></li> <li><a href="/misc/goto?guid=4959719475997277496" rel="nofollow,noindex">网站性能优化指南：什么使我们的网站变慢？</a></li> <li><a href="/misc/goto?guid=4959719476079014566" rel="nofollow,noindex">网站性能优化实践，减少加载时间，提高用户体验</a></li> <li><a href="/misc/goto?guid=4959719476159429655" rel="nofollow,noindex">浅谈网站性能优化 前端篇</a></li> <li><a href="/misc/goto?guid=4959719476246337064" rel="nofollow,noindex">前端重构实践之如何对网站性能优化？</a></li> <li><a href="/misc/goto?guid=4959726134685743641" rel="nofollow,noindex">前端性能优化：使用媒体查询加载指定大小的背景图片</a></li> <li><a href="/misc/goto?guid=4959719476523687059" rel="nofollow,noindex">网站性能系列博文</a></li> <li><a href="/misc/goto?guid=4959719476605924231" rel="nofollow,noindex">加载，不只是少一点点</a></li> <li><a href="/misc/goto?guid=4959726134831119053" rel="nofollow,noindex">前端性能的测试与优化</a></li> <li><a href="/misc/goto?guid=4958530385288575575" rel="nofollow,noindex">分享网页加载速度优化的一些技巧？</a></li> <li><a href="/misc/goto?guid=4959726134945846219" rel="nofollow,noindex">页面加载中的图片性能优化</a></li> <li><a href="/misc/goto?guid=4959719476909185632" rel="nofollow,noindex">web前端优化(基于Yslow)</a></li> <li><a href="/misc/goto?guid=4959719476988515439" rel="nofollow,noindex">网站性能优化工具大全</a></li> <li><a href="/misc/goto?guid=4959721377651551928" rel="nofollow,noindex">【高性能前端1】高性能HTML</a></li> <li><a href="/misc/goto?guid=4959721377727503375" rel="nofollow,noindex">【高性能前端2】高性能CSS</a></li> <li><a href="/misc/goto?guid=4958325832157320866" rel="nofollow,noindex">由12306谈谈网站前端性能和后端性能优化</a></li> <li><a href="/misc/goto?guid=4959726135176690332" rel="nofollow,noindex">AlloyTeam——前端优化</a></li> <li><a href="/misc/goto?guid=4959719477331367597" rel="nofollow,noindex">毫秒必争，前端网页性能最佳实践</a></li> <li><a href="/misc/goto?guid=4959719477423952011" rel="nofollow,noindex">网站性能工具Yslow的使用方法</a></li> <li><a href="/misc/goto?guid=4959719477493368490" rel="nofollow,noindex">前端工程与性能优化（上）：静态资源版本更新与缓存</a></li> <li><a href="/misc/goto?guid=4959719477582362097" rel="nofollow,noindex">前端工程与性能优化（下）：静态资源管理与模板框架</a></li> <li><a href="/misc/goto?guid=4959641301583915397" rel="nofollow,noindex">HTTPS连接的前几毫秒发生了什么</a></li> <li><a href="/misc/goto?guid=4959719477741459891" rel="nofollow,noindex">Yslow</a></li> <li><a href="/misc/goto?guid=4959726135444783152" rel="nofollow,noindex">Essential Web Performance Metrics — A Primer, Part 1</a></li> <li><a href="/misc/goto?guid=4959726135527817325" rel="nofollow,noindex">Essential Web Performance Metrics — Part 2</a></li> <li><a href="/misc/goto?guid=4959719477982613418" rel="nofollow,noindex">YUISlide,针对移动设备的动画性能优化</a></li> <li><a href="/misc/goto?guid=4959726135642011756" rel="nofollow,noindex">Improving Site Performance</a></li> <li><a href="/misc/goto?guid=4959719478148435024" rel="nofollow,noindex">让网站提速的最佳前端实践</a></li> <li><a href="/misc/goto?guid=4959726135757850436" rel="nofollow,noindex">Why Website Speed is Important</a></li> <li><a href="/misc/goto?guid=4959726135843902582" rel="nofollow,noindex">Need for Speed – How to Improve your Website Performance</a></li> <li><a href="/misc/goto?guid=4959639404033985363" rel="nofollow,noindex">阿里无线前端性能优化指南 (Pt.1 加载期优化)</a></li> <li> </li> </ul> </li> <li> <p><strong>优化工具</strong></p> <ul> <li><a href="/misc/goto?guid=4959719478434129300" rel="nofollow,noindex">JavaScript 性能分析新工具 OneProfile</a></li> <li><a href="/misc/goto?guid=4959719478517801284" rel="nofollow,noindex">JavaScript 堆内存分析新工具 OneHeap</a></li> </ul> </li> <li> <p><strong>在线工具</strong></p> <ul> <li><a href="/misc/goto?guid=4958854485248259878" rel="nofollow,noindex">google在线工具</a></li> <li><a href="/misc/goto?guid=4959719716076374095" rel="nofollow,noindex">阿里测</a></li> <li><a href="/misc/goto?guid=4959719478630577121" rel="nofollow,noindex">阿里-免费测试服务</a></li> <li><a href="/misc/goto?guid=4959719478711608837" rel="nofollow,noindex">阿里-F2etest多浏览器兼容性测试解决方案</a></li> <li><a href="/misc/goto?guid=4958344666938267688" rel="nofollow,noindex">js性能测试</a></li> <li> </li> </ul> </li> </ol> <h3><strong>十一. 前端架构</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719478825891590" rel="nofollow,noindex">技术架构</a></li> <li><a href="/misc/goto?guid=4959726136191081225" rel="nofollow,noindex">前端架构</a></li> <li><a href="/misc/goto?guid=4959719478994375721" rel="nofollow,noindex">如何成为前端架构师</a></li> <li><a href="/misc/goto?guid=4959719479082852393" rel="nofollow,noindex">关于前端架构-张克军</a></li> <li><a href="/misc/goto?guid=4959719479168025115" rel="nofollow,noindex">百度腾讯offer比较（腾讯游戏VS百度基础架构）</a></li> <li> </li> </ul> <h3><strong>十二. 个人作品</strong></h3> <p><strong>1. 推荐作品</strong></p> <ul> <li><a href="/misc/goto?guid=4959719479252710428" rel="nofollow,noindex">winter代码片段需国内或许不能访问</a></li> <li><a href="/misc/goto?guid=4959726136389006222" rel="nofollow,noindex">fgm</a></li> <li><a href="/misc/goto?guid=4959719479415824367" rel="nofollow,noindex">岑安作品集</a></li> <li><a href="/misc/goto?guid=4959719479507820137" rel="nofollow,noindex">当耐特demo集合</a></li> <li><a href="/misc/goto?guid=4959726136533931432" rel="nofollow,noindex">米空格 js作品</a></li> <li><a href="/misc/goto?guid=4959719479674118109" rel="nofollow,noindex">myFocus</a></li> <li><a href="/misc/goto?guid=4959726136644517017" rel="nofollow,noindex">SeaJS组件库</a></li> <li><a href="/misc/goto?guid=4959643604611232286" rel="nofollow,noindex">颜海镜作品</a></li> <li><a href="/misc/goto?guid=4959726136767746982" rel="nofollow,noindex">脚儿网作品</a></li> <li><a href="/misc/goto?guid=4959719480012597924" rel="nofollow,noindex">javascript个人作品</a></li> <li><a href="http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790" rel="nofollow,noindex">妙味的雷东升游戏作品</a></li> <li><a href="/misc/goto?guid=4959719480186153181" rel="nofollow,noindex">javascript作品集</a></li> <li><a href="/misc/goto?guid=4959719480270974306" rel="nofollow,noindex">云五笔，灰度产生生成工具</a></li> <li><a href="/misc/goto?guid=4959719479674118109" rel="nofollow,noindex">项目主页</a></li> <li><a href="/misc/goto?guid=4959719480368292313" rel="nofollow,noindex">个性的作品主页</a></li> <li><a href="/misc/goto?guid=4959726137005040290" rel="nofollow,noindex">播放器</a></li> <li><a href="/misc/goto?guid=4959719480536510788" rel="nofollow,noindex">ucren js demos 集</a></li> <li><a href="/misc/goto?guid=4959719480614197735" rel="nofollow,noindex">智能社</a></li> <li><a href="/misc/goto?guid=4959719480698458501" rel="nofollow,noindex">实例陈列架</a></li> <li><a href="/misc/goto?guid=4959719480784286522" rel="nofollow,noindex">zoye demo</a></li> <li><a href="/misc/goto?guid=4959719480870647693" rel="nofollow,noindex">王员外</a></li> <li><a href="/misc/goto?guid=4959726137235016582" rel="nofollow,noindex">平凡</a></li> <li><a href="/misc/goto?guid=4959719481031020987" rel="nofollow,noindex">jyg 游戏案例</a></li> <li><a href="/misc/goto?guid=4959719481100624527" rel="nofollow,noindex">很多jquery插件</a></li> <li><a href="/misc/goto?guid=4959719481198148274" rel="nofollow,noindex">不羁虫 - soJs 作品系列</a></li> <li><a href="/misc/goto?guid=4959719481268158318" rel="nofollow,noindex">frozenui</a></li> <li><a href="/misc/goto?guid=4959726137426483275" rel="nofollow,noindex">黑白棋</a></li> <li><a href="/misc/goto?guid=4959719481438419087" rel="nofollow,noindex">fromone</a></li> </ul> <p><strong>2. 群员作品</strong></p> <ul> <li><a href="/misc/goto?guid=4959726137550408287" rel="nofollow,noindex">MDialog - [合肥-M.J]</a></li> <li><a href="/misc/goto?guid=4959726137632245098" rel="nofollow,noindex">轮播图 - [上海－冷静]</a></li> <li><a href="/misc/goto?guid=4959726137714016963" rel="nofollow,noindex">[广州—坚壳]</a></li> <li><a href="/misc/goto?guid=4959726137808321713" rel="nofollow,noindex">[成都 - 无痕] 感恩节专题</a></li> <li><a href="/misc/goto?guid=4959726137895218192" rel="nofollow,noindex">[球霸天]</a></li> <li><a href="/misc/goto?guid=4959726137978484587" rel="nofollow,noindex">[北京-小数]</a></li> <li><a href="/misc/goto?guid=4959726138069729886" rel="nofollow,noindex">[ptf] Magix 工具</a></li> <li><a href="/misc/goto?guid=4959726138069729886" rel="nofollow,noindex">[杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA（One Page One Application）应用</a></li> <li><a href="/misc/goto?guid=4959726138162976091" rel="nofollow,noindex">[上海-剧中人]-实验室</a></li> <li><a href="/misc/goto?guid=4959726138255995176" rel="nofollow,noindex">[上海-豪情 ] 作品集合</a></li> <li><a href="/misc/goto?guid=4959726138337260082" rel="nofollow,noindex">[成都-feeling]</a></li> <li><a href="/misc/goto?guid=4959726138421141778" rel="nofollow,noindex">[上海-angela]</a></li> <li><a href="/misc/goto?guid=4959726138510287152" rel="nofollow,noindex">[海南-hank]作品</a></li> <li><a href="/misc/goto?guid=4959726138604305661" rel="nofollow,noindex">[上海-张力]博客</a></li> <li><a href="/misc/goto?guid=4959726138684831780" rel="nofollow,noindex">[上海-zenki]作品</a></li> <li><a href="/misc/goto?guid=4959726138774712865" rel="nofollow,noindex">移动端图案解锁</a></li> <li><a href="/misc/goto?guid=4959726138862242940" rel="nofollow,noindex">[合肥-M.J] - MPreview 移动端图片预览组</a></li> <li><a href="/misc/goto?guid=4959726138940857004" rel="nofollow,noindex">[合肥-M.J] - Mexam 移动端在线做题组</a></li> <li><a href="/misc/goto?guid=4959726139033958399" rel="nofollow,noindex">[北京-苏瑞] - dancer小人</a></li> <li><a href="/misc/goto?guid=4959726139116103519" rel="nofollow,noindex">[上海-玄沐]- 个人网站</a></li> <li><a href="/misc/goto?guid=4959726139205178243" rel="nofollow,noindex">[厦门-二哲]- 个人博客</a></li> </ul> <p><strong>3. 国外大牛精品</strong></p> <ul> <li><a href="/misc/goto?guid=4959719481512188553" rel="nofollow,noindex">pazguille</a></li> </ul> <h3><strong>十三. 简历模板</strong></h3> <ul> <li><a href="/misc/goto?guid=4959726139315206457" rel="nofollow,noindex">不错的个人简历</a></li> <li><a href="/misc/goto?guid=4959726139411716392" rel="nofollow,noindex">简历</a></li> <li><a href="/misc/goto?guid=4959719481837905638" rel="nofollow,noindex">张伦</a></li> <li><a href="/misc/goto?guid=4959719481922926801" rel="nofollow,noindex">简历</a></li> <li><a href="/misc/goto?guid=4959726139555772014" rel="nofollow,noindex">翁天信</a></li> <li><a href="/misc/goto?guid=4958830647726946721" rel="nofollow,noindex">动画方式的简历</a></li> <li><a href="/misc/goto?guid=4959719482287281476" rel="nofollow,noindex">组件丰富简历</a></li> <li><a href="/misc/goto?guid=4959726139705739809" rel="nofollow,noindex">简历池</a></li> <li><a href="/misc/goto?guid=4959719482370098608" rel="nofollow,noindex">haorooms博客</a></li> <li><a href="/misc/goto?guid=4959726139812219319" rel="nofollow,noindex">Justin Young</a></li> <li> </li> </ul> <h3><strong>十四. 面试题</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719482441731815" rel="nofollow,noindex">那几个月在找工作（百度，网易游戏）</a></li> <li><a href="/misc/goto?guid=4959719482525835482" rel="nofollow,noindex">2014最新面试题</a></li> <li><a href="/misc/goto?guid=4959726139951605014" rel="nofollow,noindex">阿里前端面试题</a></li> <li><a href="/misc/goto?guid=4959719482615947375" rel="nofollow,noindex">2016校招内推 -- 阿里巴巴前端 -- 三面面试经历</a></li> <li><a href="/misc/goto?guid=4959726140065329028" rel="nofollow,noindex">腾讯面试题</a></li> <li><a href="/misc/goto?guid=4959719482694447243" rel="nofollow,noindex">年后跳槽那点事：乐视+金山+360面试之行</a></li> <li><a href="/misc/goto?guid=4959726140179648153" rel="nofollow,noindex">阿里前端面试题上线</a></li> <li><a href="/misc/goto?guid=4959719482804440091" rel="nofollow,noindex">拉勾网js面试题</a></li> <li><a href="/misc/goto?guid=4959719482888548764" rel="nofollow,noindex">前端面试</a></li> <li><a href="/misc/goto?guid=4959719482976292967" rel="nofollow,noindex">Web开发笔试面试题 大全</a></li> <li><a href="/misc/goto?guid=4959719483048470381" rel="nofollow,noindex">前端开发面试题</a></li> <li><a href="/misc/goto?guid=4959719483137104920" rel="nofollow,noindex">2014最新前端面试题</a></li> <li><a href="/misc/goto?guid=4959719483216378557" rel="nofollow,noindex">百度面试</a></li> <li><a href="http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177" rel="nofollow,noindex">面试题</a></li> <li><a href="/misc/goto?guid=4959719483376653111" rel="nofollow,noindex">前端工作面试问题</a></li> <li><a href="/misc/goto?guid=4959719483048470381" rel="nofollow,noindex">前端开发面试题</a></li> <li><a href="/misc/goto?guid=4959719483464987942" rel="nofollow,noindex">5个经典的前端面试问题</a></li> <li><a href="/misc/goto?guid=4959719483550419502" rel="nofollow,noindex">最全前端面试问题及答案总结</a></li> <li><a href="/misc/goto?guid=4959719483632781688" rel="nofollow,noindex">如何面试一名前端开发工程师？</a></li> <li><a href="/misc/goto?guid=4958875403417677784" rel="nofollow,noindex">史上最全 前端开发面试问题及答案整理</a></li> <li><a href="/misc/goto?guid=4959719483749726692" rel="nofollow,noindex">前端实习生面试总结</a></li> <li><a href="/misc/goto?guid=4958875403417677784" rel="nofollow,noindex">史上最全 前端开发面试问题及答案整理</a></li> <li><a href="/misc/goto?guid=4959721378387907901" rel="nofollow,noindex">BAT及各大互联网公司2014前端笔试面试题：JavaScript篇</a></li> <li><a href="/misc/goto?guid=4959629560171328161" rel="nofollow,noindex">前端开发面试题大收集</a></li> <li><a href="/misc/goto?guid=4959648274521371954" rel="nofollow,noindex">收集的前端面试题和答案</a></li> <li><a href="/misc/goto?guid=4959719483973391704" rel="nofollow,noindex">如何面试前端工程师</a></li> <li><a href="/misc/goto?guid=4959719484056154934" rel="nofollow,noindex">前端开发面试题</a></li> <li><a href="/misc/goto?guid=4959719484138053518" rel="nofollow,noindex">牛客网-笔试面经</a></li> </ul> <h3><strong>十五. iconfont</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719484217759778" rel="nofollow,noindex">中文字体</a></li> <li><a href="/misc/goto?guid=4958876985280494214" rel="nofollow,noindex">淘宝字库</a></li> <li><a href="/misc/goto?guid=4959719484335725709" rel="nofollow,noindex">字体</a></li> <li><a href="/misc/goto?guid=4959719484404864160" rel="nofollow,noindex">制作教程</a></li> <li><a href="/misc/goto?guid=4959719484492739036" rel="nofollow,noindex">zhangxinxu-icommon</a></li> <li><a href="/misc/goto?guid=4958866119823862815" rel="nofollow,noindex">icommon</a></li> <li><a href="/misc/goto?guid=4959719484661824843" rel="nofollow,noindex">用字体在网页中画ICON图标(推荐教程)</a></li> <li><a href="/misc/goto?guid=4959719484734434253" rel="nofollow,noindex">字体压缩工具</a> 感谢初级群 [深圳-小鱼] 的推荐</li> </ul> <h3><strong>十六. 开发工具类</strong></h3> <ol> <li> <p><strong>前端开发工具</strong></p> <ul> <li><a href="/misc/goto?guid=4959719448042783783" rel="nofollow,noindex">IntelliJ IDEA 简体中文专题教程</a></li> <li><a href="/misc/goto?guid=4959719702185454426" rel="nofollow,noindex">Webstorm,InterllIdea,Phpstorm</a></li> <li><a href="/misc/goto?guid=4959719448129947916" rel="nofollow,noindex">SublimeText</a></li> <li><a href="/misc/goto?guid=4958832861167207492" rel="nofollow,noindex">Atom</a></li> <li><a href="/misc/goto?guid=4958872398868295437" rel="nofollow,noindex">visual studio code</a></li> </ul> </li> <li> <p><strong>Chrome, Firebug, Filddle 调试</strong></p> <ol> <li> <p><strong>Fiddler</strong></p> <ul> <li><a href="/misc/goto?guid=4959719484817778712" rel="nofollow,noindex">Fiddler调式使用知多少(一)深入研究</a></li> <li><a href="/misc/goto?guid=4959719484904042886" rel="nofollow,noindex">微信fiddle</a></li> <li><a href="/misc/goto?guid=4959719484987500691" rel="nofollow,noindex">微信fiddle</a></li> <li> </li> </ul> </li> <li> <p><strong>Chrome</strong></p> <ul> <li><a href="/misc/goto?guid=4959637675583151052" rel="nofollow,noindex">Google Chrome 官方</a></li> <li><a href="/misc/goto?guid=4959637600490968453" rel="nofollow,noindex">Chrome - 基础</a></li> <li><a href="/misc/goto?guid=4959637610023876873" rel="nofollow,noindex">Chrome - 进阶</a></li> <li><a href="/misc/goto?guid=4959637616082977643" rel="nofollow,noindex">Chrome - 性能</a></li> <li><a href="/misc/goto?guid=4959719485184214012" rel="nofollow,noindex">Chrome - 性能进阶</a></li> <li><a href="/misc/goto?guid=4959719485251531715" rel="nofollow,noindex">Chrome - 移动</a></li> <li><a href="/misc/goto?guid=4959719485341450513" rel="nofollow,noindex">Chrome - 使用技巧</a></li> <li><a href="/misc/goto?guid=4959623940749564482" rel="nofollow,noindex">Chrome - Console控制台不完全指南</a></li> <li><a href="/misc/goto?guid=4959719485448784876" rel="nofollow,noindex">Chrome - Workspace使浏览器变成IDE</a></li> <li><a href="/misc/goto?guid=4959719485532086995" rel="nofollow,noindex">network面板</a></li> <li><a href="/misc/goto?guid=4959721369429252286" rel="nofollow,noindex">chrome开发工具快捷键</a></li> <li><a href="/misc/goto?guid=4959719485693031092" rel="nofollow,noindex">chrome调试工具常用功能整理</a></li> <li><a href="/misc/goto?guid=4959721376588555391" rel="nofollow,noindex">Chrome 开发工具 Workspace 使用</a></li> <li><a href="/misc/goto?guid=4959719485857120149" rel="nofollow,noindex">Chrome神器Vimium快捷键学习记录</a></li> <li><a href="/misc/goto?guid=4959719485931821235" rel="nofollow,noindex">sass调试-w3cplus</a></li> <li><a href="/misc/goto?guid=4958979020761425722" rel="nofollow,noindex">如何更专业的使用Chrome开发者工具-w3cplus</a></li> <li><a href="/misc/goto?guid=4959719486047855979" rel="nofollow,noindex">chrome调试canvas</a></li> <li><a href="/misc/goto?guid=4959623797355519918" rel="nofollow,noindex">chrome profiles1</a></li> <li><a href="/misc/goto?guid=4959719486149637198" rel="nofollow,noindex">chrome profiles2</a></li> <li><a href="/misc/goto?guid=4959719486233574073" rel="nofollow,noindex">chrome profiles3</a></li> <li><a href="/misc/goto?guid=4959719486322613801" rel="nofollow,noindex">chrome移动版调试</a></li> <li><a href="/misc/goto?guid=4959726141887768312" rel="nofollow,noindex">chrome调试</a></li> <li><a href="/misc/goto?guid=4958188001036857106" rel="nofollow,noindex">chrome的调试</a></li> <li><a href="/misc/goto?guid=4958870279267292122" rel="nofollow,noindex">chrome console 命令详解</a></li> <li><a href="/misc/goto?guid=4959719486538349913" rel="nofollow,noindex">查看事件绑定1</a></li> <li><a href="/misc/goto?guid=4959719486620559410" rel="nofollow,noindex">查看事件绑定2</a></li> <li><a href="/misc/goto?guid=4959719486695313800" rel="nofollow,noindex">神器——Chrome开发者工具(一)</a></li> <li><a href="/misc/goto?guid=4959726142108356743" rel="nofollow,noindex">奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍)</a></li> <li><a href="/misc/goto?guid=4959719486863252014" rel="nofollow,noindex">chrome 开发者工具的 15 个小技巧</a></li> <li><a href="/misc/goto?guid=4959719486939191234" rel="nofollow,noindex">Chrome开发者工具不完全指南</a></li> <li><a href="/misc/goto?guid=4959719487029760511" rel="nofollow,noindex">Chrome 开发者工具使用技巧</a></li> </ul> </li> <li> <p><strong>Firebug</strong></p> <ul> <li><a href="/misc/goto?guid=4959719487109719017" rel="nofollow,noindex">firebug视频教程</a></li> <li><a href="/misc/goto?guid=4959719487195032075" rel="nofollow,noindex">firefox 模拟器</a></li> <li><a href="/misc/goto?guid=4959619407090713370" rel="nofollow,noindex">console.log 命令详解</a></li> <li><a href="/misc/goto?guid=4959719487302618416" rel="nofollow,noindex">Firebug入门指南</a></li> <li><a href="/misc/goto?guid=4959546476349948689" rel="nofollow,noindex">Firebug控制台详解</a></li> <li> </li> </ul> </li> <li> <p><strong>移动,微信调试</strong></p> <ul> <li><a href="/misc/goto?guid=4959640358858036137" rel="nofollow,noindex">浏览器端调试安卓</a></li> <li><a href="/misc/goto?guid=4959622518019986321" rel="nofollow,noindex">移动端前端开发调试</a></li> <li><a href="/misc/goto?guid=4959622516179390062" rel="nofollow,noindex">使用 Chrome 远程调试 Android 设备</a></li> <li><a href="/misc/goto?guid=4959719487551287915" rel="nofollow,noindex">mac移动端调试</a></li> <li><a href="/misc/goto?guid=4959617466697570109" rel="nofollow,noindex">mac移动端调试</a></li> <li><a href="/misc/goto?guid=4959726142557992575" rel="nofollow,noindex">无线调试攻略</a></li> <li><a href="/misc/goto?guid=4959726142648076289" rel="nofollow,noindex">无线调试攻略</a></li> <li><a href="/misc/goto?guid=4959719487823009315" rel="nofollow,noindex">屌爆了,完美调试 微信webview(x5)</a></li> <li><a href="/misc/goto?guid=4959721377063119165" rel="nofollow,noindex">微信调试的那些事</a></li> <li><a href="/misc/goto?guid=4959636931556620129" rel="nofollow,noindex">远程console</a></li> <li><a href="/misc/goto?guid=4958969388443863114" rel="nofollow,noindex">微信调试工具</a></li> <li><a href="/misc/goto?guid=4959622517738421351" rel="nofollow,noindex">各种真机远程调试方法汇总</a></li> </ul> </li> <li> <p><strong>iOS Simulator</strong></p> <ul> <li><a href="/misc/goto?guid=4959719488075426662" rel="nofollow,noindex">Simulator</a></li> <li><a href="/misc/goto?guid=4959726142905981763" rel="nofollow,noindex">Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得</a></li> </ul> </li> </ol> </li> <li> <p><strong>img</strong></p> <ul> <li><a href="/misc/goto?guid=4959719488236650203" rel="nofollow,noindex">loading img</a></li> <li><a href="/misc/goto?guid=4959644298010587939" rel="nofollow,noindex">智图-图片优化平台</a></li> <li><a href="/misc/goto?guid=4958839376500515304" rel="nofollow,noindex">在线png优化</a></li> </ul> </li> <li> <p><strong>生成二维码</strong></p> <ul> <li><a href="/misc/goto?guid=4959719493196851368" rel="nofollow,noindex">生成二维码</a></li> </ul> </li> <li> <p><strong>浏览器同步</strong></p> <ul> <li><a href="/misc/goto?guid=4959617467280503205" rel="nofollow,noindex">puer</a></li> <li><a href="/misc/goto?guid=4958542282822722350" rel="nofollow,noindex">liveReload</a></li> <li><a href="/misc/goto?guid=4959719488680388261" rel="nofollow,noindex">f5</a></li> <li><a href="/misc/goto?guid=4959726143187896235" rel="nofollow,noindex">File Watchers</a></li> </ul> </li> <li> <p><strong>在线PPT制作</strong></p> <ul> <li><a href="/misc/goto?guid=4959726143267211257" rel="nofollow,noindex">nodePPT</a></li> <li><a href="/misc/goto?guid=4959719489029147096" rel="nofollow,noindex">PPT</a></li> <li><a href="/misc/goto?guid=4958872279212246778" rel="nofollow,noindex">reveal</a></li> <li><a href="/misc/goto?guid=4959719489227624067" rel="nofollow,noindex">slippy</a></li> </ul> </li> </ol> <h3><strong>十七. 前端导航网站</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719489313499480" rel="nofollow,noindex">界面清爽的前端导航</a></li> <li><a href="/misc/goto?guid=4959719489388300982" rel="nofollow,noindex">前端导航</a></li> <li><a href="/misc/goto?guid=4959719489471271469" rel="nofollow,noindex">前端网址导航</a></li> <li><a href="/misc/goto?guid=4959726143518914236" rel="nofollow,noindex">前端名录</a></li> <li><a href="/misc/goto?guid=4959719489634112796" rel="nofollow,noindex">前端导航</a></li> <li><a href="/misc/goto?guid=4959726143634274552" rel="nofollow,noindex">前端开发资源</a></li> <li><a href="/misc/goto?guid=4959719720759437367" rel="nofollow,noindex">网址导航</a></li> <li><a href="/misc/goto?guid=4959719489800993526" rel="nofollow,noindex">前端开发仓库 - 众多效果的收集地</a></li> <li><a href="/misc/goto?guid=4959719489880985037" rel="nofollow,noindex">前端资源导航</a></li> <li><a href="/misc/goto?guid=4959719489963334665" rel="nofollow,noindex">F2E 前端导航</a></li> </ul> <h3><strong>十八. 常用CDN</strong></h3> <ul> <li><a href="/misc/goto?guid=4959719490043345760" rel="nofollow,noindex">新浪CDN</a></li> <li><a href="/misc/goto?guid=4958835767154823740" rel="nofollow,noindex">百度静态资源公共库</a></li> <li><a href="/misc/goto?guid=4959719490150565924" rel="nofollow,noindex">360网站卫士常用前端公共库CDN服务</a></li> <li><a href="/misc/goto?guid=4959719490232552971" rel="nofollow,noindex">Bootstrap中文网开源项目免费 CDN 服务</a></li> <li><a href="/misc/goto?guid=4959719490311830907" rel="nofollow,noindex">开放静态文件 CDN - 七牛</a></li> <li><a href="/misc/goto?guid=4959726143981598443" rel="nofollow,noindex">CDN加速 - jq22</a></li> <li><a href="/misc/goto?guid=4958526792445829468" rel="nofollow,noindex">jQuery CDN</a></li> <li><a href="/misc/goto?guid=4959719490502533646" rel="nofollow,noindex">Google jQuery CDN</a></li> <li><a href="/misc/goto?guid=4959617153893552713" rel="nofollow,noindex">微软CDN</a></li> </ul> <h3><strong>十九. Git,SVN,Github</strong></h3> <ol> <li> <p><strong>Git</strong></p> <ul> <li><a href="/misc/goto?guid=4958183577944756424" rel="nofollow,noindex">git-scm</a></li> <li><a href="/misc/goto?guid=4958965999878690796" rel="nofollow,noindex">廖雪峰-Git教程</a></li> <li><a href="/misc/goto?guid=4958974485080634130" rel="nofollow,noindex">git-for-windows</a></li> <li><a href="/misc/goto?guid=4959726144243216562" rel="nofollow,noindex">GitHub 添加 SSH keys</a></li> <li><a href="/misc/goto?guid=4958988064258441668" rel="nofollow,noindex">gogithub</a></li> <li><a href="/misc/goto?guid=4958837434181082542" rel="nofollow,noindex">git常规命令练习</a></li> <li><a href="/misc/goto?guid=4959645088735312029" rel="nofollow,noindex">git的资料整理</a></li> <li><a href="/misc/goto?guid=4959719490900909341" rel="nofollow,noindex">我所记录的git命令（非常实用）</a></li> <li><a href="/misc/goto?guid=4959636126006156062" rel="nofollow,noindex">企业开发git工作流模式探索部分休整</a></li> <li><a href="/misc/goto?guid=4959719491011394749" rel="nofollow,noindex">GitHub 漫游指南</a></li> <li><a href="/misc/goto?guid=4958863056308930805" rel="nofollow,noindex">GitHub秘籍</a></li> <li><a href="/misc/goto?guid=4959626831892448284" rel="nofollow,noindex">使用git和github进行协同开发流程</a></li> <li><a href="/misc/goto?guid=4959726144535011196" rel="nofollow,noindex">动画方式练习git</a></li> </ul> </li> </ol> <p> </p> <p>来自：https://github.com/zdd1124/Front-end-tutorial</p> <p> </p>