最全前端资源汇集
andrewlc
8年前
<h2><strong>综合类</strong></h2> <table> <thead> <tr> <th>综合类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>前端知识体系</td> <td><a href="/misc/goto?guid=4959719446365844851" rel="external">http://www.cnblogs.com/sb19871023/p/3894452.html</a></td> </tr> <tr> <td>前端知识结构</td> <td><a href="/misc/goto?guid=4958875403698804895" rel="external">https://github.com/JacksonTian/fks</a></td> </tr> <tr> <td>Web前端开发大系概览</td> <td><a href="/misc/goto?guid=4958965175146627837" rel="external">https://github.com/unruledboy/WebFrontEndStack</a></td> </tr> <tr> <td>Web前端开发大系概览-中文版</td> <td><a href="/misc/goto?guid=4958965174956036323" rel="external">http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html</a></td> </tr> <tr> <td>Web Front-end Stack v2.2</td> <td><a href="https://simg.open-open.com/show/19717a1b65e6f6cb8f3cc303ba4cd5c0.png" rel="external">Web Front-end Stack v2.2</a></td> </tr> <tr> <td>免费的编程中文书籍索引</td> <td><a href="/misc/goto?guid=4959629559829299881" rel="external">https://github.com/justjavac/free-programming-books-zh_CN</a></td> </tr> <tr> <td>前端书籍</td> <td><a href="/misc/goto?guid=4958875403232032085" rel="external">https://github.com/dypsilon/frontend-dev-bookmarks</a></td> </tr> <tr> <td>前端免费书籍大全</td> <td><a href="/misc/goto?guid=4958825667594852762" rel="external">https://github.com/vhf/free-programming-books</a></td> </tr> <tr> <td>前端知识体系</td> <td><a href="/misc/goto?guid=4959719446365844851" rel="external">http://www.cnblogs.com/sb19871023/p/3894452.html</a></td> </tr> <tr> <td>免费的编程中文书籍索引</td> <td><a href="/misc/goto?guid=4959629559829299881" rel="external">https://github.com/justjavac/free-programming-books-zh_CN</a></td> </tr> <tr> <td>智能社 - 精通JavaScript开发</td> <td><a href="/misc/goto?guid=4959719446660073662" rel="external">http://study.163.com/course/introduction/224014.htm</a></td> </tr> <tr> <td>重新介绍 JavaScript（JS 教程）</td> <td><a href="/misc/goto?guid=4959638271489117464" rel="external">https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript</a></td> </tr> <tr> <td>麻省理工学院公开课：计算机科学及编程导论</td> <td><a href="/misc/goto?guid=4959719446774199428" rel="external">http://v.163.com/special/opencourse/bianchengdaolun.html</a></td> </tr> <tr> <td>JavaScript中的this陷阱的最全收集–没有之一</td> <td><a href="/misc/goto?guid=4959719446861807346" rel="external">http://segmentfault.com/a/1190000002640298</a></td> </tr> <tr> <td>JS函数式编程指南</td> <td><a href="/misc/goto?guid=4959719446942784962" rel="external">https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html</a></td> </tr> <tr> <td>JavaScript Promise迷你书（中文版）</td> <td><a href="/misc/goto?guid=4959719447028012522" rel="external">http://liubin.github.io/promises-book</a></td> </tr> <tr> <td>腾讯移动Web前端知识库</td> <td><a href="/misc/goto?guid=4958865625172818727" rel="external">https://github.com/AlloyTeam/Mars</a></td> </tr> <tr> <td>Front-End-Develop-Guide 前端开发指南</td> <td><a href="/misc/goto?guid=4959719447139709982" rel="external">https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide</a></td> </tr> <tr> <td>前端开发笔记本</td> <td><a href="/misc/goto?guid=4959719447218603373" rel="external">https://li-xinyang.gitbooks.io/frontend-notebook/content</a></td> </tr> <tr> <td>大前端工具集 - 聂微东</td> <td><a href="/misc/goto?guid=4958970178242734693" rel="external">https://github.com/nieweidong/fetool</a></td> </tr> <tr> <td>前端开发者手册</td> <td><a href="/misc/goto?guid=4959719447335192494" rel="external">https://dwqs.gitbooks.io/frontenddevhandbook/content</a></td> </tr> </tbody> </table> <h2><strong>入门类</strong></h2> <table> <thead> <tr> <th>入门类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>前端入门教程</td> <td><a href="/misc/goto?guid=4959719447423921096" rel="external">http://www.cnblogs.com/jikey/p/3613082.html</a></td> </tr> <tr> <td>瘳雪峰的Javascript教程</td> <td><a href="/misc/goto?guid=4959719447505646500" rel="external">http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000</a></td> </tr> <tr> <td>前端工程师必备的PS技能——切图篇</td> <td><a href="/misc/goto?guid=4959719447592976537" rel="external">http://www.imooc.com/view/506</a></td> </tr> <tr> <td>结合个人经历总结的前端入门方法</td> <td><a href="/misc/goto?guid=4959648269078102840" rel="external">https://github.com/qiu-deqing/FE-learning</a></td> </tr> </tbody> </table> <h2><strong>工具类</strong></h2> <table> <thead> <tr> <th>工具类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>前端人的俱乐部</td> <td><a href="/misc/goto?guid=4958966778625381862" rel="external">http://f2er.club/</a> 真可以解放你的收藏夹</td> </tr> <tr> <td>如何优雅地使用Sublime Text</td> <td><a href="/misc/goto?guid=4959719447732944363">http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/#</a></td> </tr> <tr> <td>新编码神器Atom使用纪要</td> <td><a href="/misc/goto?guid=4959669186881200050">http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/</a></td> </tr> <tr> <td>css sprite 雪碧图制作</td> <td><a href="/misc/goto?guid=4959719447855091004" rel="external">http://www.imooc.com/learn/93</a></td> </tr> <tr> <td>版本控制入门 – 搬进 Github</td> <td><a href="/misc/goto?guid=4959719447930544194" rel="external">http://www.imooc.com/learn/390</a></td> </tr> <tr> <td>Grunt-beginner前端自动化工具</td> <td><a href="/misc/goto?guid=4959644456541492570" rel="external">http://www.imooc.com/learn/30</a></td> </tr> <tr> <td>IntelliJ IDEA 简体中文专题教程</td> <td><a href="/misc/goto?guid=4959719448042783783" rel="external">https://github.com/judasn/IntelliJ-IDEA-Tutorial</a></td> </tr> <tr> <td>SublimeText</td> <td><a href="/misc/goto?guid=4959719448129947916" rel="external">https://github.com/jikeytang/sublime-text</a></td> </tr> <tr> <td>Atom</td> <td><a href="/misc/goto?guid=4958832861167207492" rel="external">https://atom.io</a></td> </tr> <tr> <td>visual studio code</td> <td><a href="/misc/goto?guid=4958872398868295437" rel="external">https://code.visualstudio.com</a></td> </tr> </tbody> </table> <h2><strong>综合效果搜索平台</strong></h2> <table> <thead> <tr> <th>综合效果搜索平台</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>JavaScript 资源大全中文版</td> <td><a href="/misc/goto?guid=4959717925938561849" rel="external">https://github.com/jobbole/awesome-javascript-cn</a></td> </tr> <tr> <td>100+ 超全的web开发工具和资源</td> <td><a href="/misc/goto?guid=4959674013626539920" rel="external">https://xituqu.com/170.html</a></td> </tr> <tr> <td>zoommyapp.com</td> <td><a href="/misc/goto?guid=4959719448327732784" rel="external">http://zoommyapp.com/</a> 高质量图库</td> </tr> <tr> <td>unsplash.com</td> <td><a href="/misc/goto?guid=4958963596612612532" rel="external">https://unsplash.com/</a> 高质量图库</td> </tr> <tr> <td>www.pinterest.com</td> <td><a href="/misc/goto?guid=4959668977960289248" rel="external">https://www.pinterest.com/</a> 图库</td> </tr> <tr> <td>New Old Stock</td> <td><a href="/misc/goto?guid=4959670540186787275" rel="external">http://nos.twnsnd.co</a> 复古风图库</td> </tr> <tr> <td>效果网</td> <td><a href="/misc/goto?guid=4959719448492673949" rel="external">http://www.jq22.com</a></td> </tr> <tr> <td>花瓣网</td> <td><a href="/misc/goto?guid=4959546728178665389" rel="external">http://huaban.com/</a></td> </tr> <tr> <td>优美图</td> <td><a href="/misc/goto?guid=4959719448604325853" rel="external">http://www.topit.me/</a></td> </tr> <tr> <td>codepen</td> <td><a href="/misc/goto?guid=4958539547061522984" rel="external">http://codepen.io/</a></td> </tr> <tr> <td>摄图网</td> <td><a href="/misc/goto?guid=4959719448719861147" rel="external">http://699pic.com/</a></td> </tr> <tr> <td>常用的JavaScript代码片段</td> <td><a href="/misc/goto?guid=4958317584883779996" rel="external">http://microjs.com</a></td> </tr> </tbody> </table> <h2><strong>团队Blog|周报类</strong></h2> <table> <thead> <tr> <th>周报类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>奇舞周刊</td> <td><a href="/misc/goto?guid=4959719448830326640" rel="external">http://old.75team.com/weekly/</a></td> </tr> <tr> <td>淘宝前端团队（FED）</td> <td><a href="/misc/goto?guid=4959719448917817726" rel="external">http://taobaofed.org</a></td> </tr> <tr> <td>码农周刊</td> <td><a href="/misc/goto?guid=4958830848276076220" rel="external">http://weekly.manong.io</a></td> </tr> <tr> <td>WEB前端开发</td> <td><a href="/misc/goto?guid=4959719449026710470" rel="external">http://www.css88.com</a></td> </tr> <tr> <td>A JS tip per day!</td> <td><a href="/misc/goto?guid=4959719449109279359" rel="external">http://www.jstips.co</a></td> </tr> <tr> <td>腾讯全端 AlloyTeam</td> <td><a href="/misc/goto?guid=4959719449193176700" rel="external">http://www.alloyteam.com/webdevelop/</a></td> </tr> <tr> <td>平安科技移动开发二队技术周报</td> <td><a href="/misc/goto?guid=4959719449278707094" rel="external">https://github.com/PaicHyperionDev/MobileDevWeekly</a></td> </tr> </tbody> </table> <h2><strong>开发中心</strong></h2> <table> <thead> <tr> <th>开发中心</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>mozilla js参考</td> <td><a href="/misc/goto?guid=4959638275425961499" rel="external">https://developer.mozilla.org/zh-CN/docs/Web/JavaScript</a></td> </tr> <tr> <td>chrome开发中心（chrome的内核已转向blink）</td> <td><a href="/misc/goto?guid=4959719449387892939" rel="external">https://developer.chrome.com/extensions/api_index.html</a></td> </tr> <tr> <td>safari开发中心</td> <td><a href="/misc/goto?guid=4959719449466723885" rel="external">https://developer.apple.com/library/safari/navigation</a></td> </tr> <tr> <td>microsoft js参考</td> <td><a href="/misc/goto?guid=4959719449549699747" rel="external">https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx</a></td> </tr> <tr> <td>js秘密花园</td> <td><a href="/misc/goto?guid=4959552863991361484" rel="external">http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html</a></td> </tr> <tr> <td>js秘密花园</td> <td><a href="/misc/goto?guid=4959719449673021448" rel="external">http://bonsaiden.github.io/JavaScript-Garden/zh</a></td> </tr> <tr> <td>w3help</td> <td><a href="/misc/goto?guid=4959719449752580250" rel="external">http://www.w3help.org</a> 综合Bug集合网站</td> </tr> </tbody> </table> <h2><strong>Nodejs</strong></h2> <table> <thead> <tr> <th>Nodejs</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Node.js 包教不包会</td> <td><a href="/misc/goto?guid=4959639629829368204" rel="external">https://github.com/alsotang/node-lessons</a></td> </tr> <tr> <td>node express 入门教程</td> <td><a href="/misc/goto?guid=4959719449873721015" rel="external">http://www.w3cfuns.com/article-5598538-1-1.html</a></td> </tr> <tr> <td>nodejs定时任务</td> <td><a href="/misc/goto?guid=4959719449952769464" rel="external">http://my.oschina.net/u/568264/blog/193773</a></td> </tr> <tr> <td>一个nodejs博客</td> <td><a href="/misc/goto?guid=4959719450037555274" rel="external">http://60sky.com</a></td> </tr> <tr> <td>【NodeJS 学习笔记04】新闻发布系统</td> <td><a href="/misc/goto?guid=4959719450118549632" rel="external">http://www.cnblogs.com/yexiaochai/p/3536547.html</a></td> </tr> <tr> <td>过年7天乐，学nodejs 也快乐</td> <td><a href="/misc/goto?guid=4959719450199949165" rel="external">http://www.cnblogs.com/qqloving/p/3541099.html</a></td> </tr> <tr> <td>七天学会NodeJS</td> <td><a href="/misc/goto?guid=4959717927464614909" rel="external">https://github.com/nqdeng/7-days-nodejs</a></td> </tr> <tr> <td>Nodejs学习笔记（二）— 事件模块</td> <td><a href="/misc/goto?guid=4959719450314827327" rel="external">http://www.cnblogs.com/zhongweiv/p/nodejs_events.html</a></td> </tr> <tr> <td>nodejs入门</td> <td><a href="/misc/goto?guid=4959719450398567974" rel="external">http://www.cnblogs.com/liusuqi/p/3735491.html</a></td> </tr> <tr> <td>angularjs nodejs</td> <td><a href="/misc/goto?guid=4958532373923859140" rel="external">https://github.com/zensh/jsgen</a></td> </tr> <tr> <td>从零开始nodejs系列文章</td> <td><a href="/misc/goto?guid=4959719450515072909" rel="external">http://blog.fens.me/series-nodejs</a></td> </tr> <tr> <td>理解nodejs</td> <td><a href="/misc/goto?guid=4959719450590073646" rel="external">http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb</a></td> </tr> <tr> <td>nodejs事件轮询</td> <td><a href="/misc/goto?guid=4959719450685459338" rel="external">http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop</a></td> </tr> <tr> <td>node入门</td> <td><a href="/misc/goto?guid=4958530806921531102" rel="external">http://www.nodebeginner.org/index-zh-cn.html</a></td> </tr> <tr> <td>nodejs cms</td> <td><a href="/misc/goto?guid=4959719450802562186" rel="external">http://ourjs.com/detail/53e1f281c5910a9806000001</a></td> </tr> <tr> <td>Node初学者入门，一本全面的NodeJS教程</td> <td><a href="/misc/goto?guid=4959719450879021017" rel="external">http://ourjs.com/detail/529ca5950cb6498814000005</a></td> </tr> <tr> <td>NodeJS的代码调试和性能调优</td> <td><a href="/misc/goto?guid=4959719450969882098" rel="external">http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line</a></td> </tr> </tbody> </table> <h2><strong>综合API</strong></h2> <table> <thead> <tr> <th>综合API</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>javascripting</td> <td><a href="/misc/goto?guid=4959661530837241858" rel="external">http://www.javascripting.com</a></td> </tr> <tr> <td>各种流行库搜索</td> <td><a href="/misc/goto?guid=4958317584883779996" rel="external">http://microjs.com</a></td> </tr> <tr> <td>runoob.com-包含各种API集合</td> <td><a href="/misc/goto?guid=4959649523802363976" rel="external">http://www.runoob.com</a></td> </tr> <tr> <td>开源中国在线API文档合集</td> <td><a href="/misc/goto?guid=4959719451125244449" rel="external">http://tool.oschina.net/apidocs</a></td> </tr> <tr> <td>devdocs</td> <td><a href="/misc/goto?guid=4958826372861521213" rel="external">http://devdocs.io</a> 英文综合API网站</td> </tr> </tbody> </table> <h2><strong>Ecmascript</strong></h2> <table> <thead> <tr> <th>Ecmascript</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Understanding ECMAScript 6 - Nicholas C. Zakas</td> <td><a href="/misc/goto?guid=4959632071244001163" rel="external">https://leanpub.com/understandinges6/read</a></td> </tr> <tr> <td>exploring-es6</td> <td><a href="/misc/goto?guid=4958971688736245442" rel="external">https://leanpub.com/exploring-es6/read</a></td> </tr> <tr> <td>exploring-es6翻译</td> <td><a href="/misc/goto?guid=4959719451286552218" rel="external">https://github.com/es6-org/exploring-es6</a></td> </tr> <tr> <td>exploring-es6翻译后预览</td> <td><a href="/misc/goto?guid=4959719451370039795" rel="external">http://es6-org.github.io/exploring-es6</a></td> </tr> <tr> <td>阮一峰 es6</td> <td><a href="/misc/goto?guid=4958850434079143726" rel="external">http://es6.ruanyifeng.com</a></td> </tr> <tr> <td>阮一峰 Javascript</td> <td><a href="/misc/goto?guid=4958870312253630531" rel="external">http://javascript.ruanyifeng.com</a></td> </tr> <tr> <td>ECMA-262，第 5 版</td> <td><a href="/misc/goto?guid=4959617422137704565" rel="external">http://yanhaijing.com/es5</a></td> </tr> <tr> <td>es5</td> <td><a href="/misc/goto?guid=4959652745530166964" rel="external">http://es5.github.io</a></td> </tr> </tbody> </table> <h2><strong>Js template</strong></h2> <table> <thead> <tr> <th>Js template</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>template-chooser</td> <td><a href="/misc/goto?guid=4959719451571641450" rel="external">http://garann.github.io/template-chooser</a></td> </tr> <tr> <td>artTemplate</td> <td><a href="/misc/goto?guid=4958876984542282070" rel="external">https://github.com/aui/artTemplate</a></td> </tr> <tr> <td>tomdjs</td> <td><a href="/misc/goto?guid=4959719451690017876" rel="external">https://github.com/aui/tmodjs/blob/master/README.md</a></td> </tr> <tr> <td>淘宝模板juicer模板</td> <td><a href="/misc/goto?guid=4959719451780823649" rel="external">http://juicer.name/docs/docs_zh_cn.html</a></td> </tr> <tr> <td>Fxtpl v1.0 繁星前端模板引擎</td> <td><a href="/misc/goto?guid=4959719451872843384" rel="external">http://koen301.github.io/fxtpl</a></td> </tr> <tr> <td>laytpl</td> <td><a href="/misc/goto?guid=4959719451950055501" rel="external">http://laytpl.layui.com</a></td> </tr> <tr> <td>mozilla - nunjucks</td> <td><a href="/misc/goto?guid=4959615060925441455" rel="external">https://github.com/mozilla/nunjucks</a></td> </tr> <tr> <td>Juicer</td> <td><a href="/misc/goto?guid=4959628474966786429" rel="external">https://github.com/PaulGuo/Juicer</a></td> </tr> <tr> <td>dustjs</td> <td><a href="/misc/goto?guid=4959719452098518977" rel="external">http://akdubya.github.io/dustjs</a></td> </tr> <tr> <td>etpl</td> <td><a href="/misc/goto?guid=4959719452178964508" rel="external">http://ecomfe.github.io/etpl</a></td> </tr> </tbody> </table> <h2><strong>HTML5(HTML)</strong></h2> <table> <thead> <tr> <th>HTML(HTML5)</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>深入理解HTML5标签</td> <td><a href="/misc/goto?guid=4959719452265869474" rel="external">https://segmentfault.com/a/1190000002695791</a></td> </tr> <tr> <td>如何写出高效率的HTML</td> <td><a href="/misc/goto?guid=4959719452350300350" rel="external">https://segmentfault.com/a/1190000002680822</a></td> </tr> <tr> <td>HTML meta标签总结与属性使用介绍</td> <td><a href="/misc/goto?guid=4959719452429672235" rel="external">https://segmentfault.com/a/1190000004279791</a></td> </tr> <tr> <td>戏说HTML5</td> <td><a href="/misc/goto?guid=4959719452516810306" rel="external">http://www.cnblogs.com/dojo-lzz/p/5059316.html</a></td> </tr> </tbody> </table> <h2><strong>CSS3(CSS)</strong></h2> <table> <thead> <tr> <th>CSS</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>CSS 语法参考</td> <td><a href="/misc/goto?guid=4959719452597547769" rel="external">http://tympanus.net/codrops/css_reference</a></td> </tr> <tr> <td>如何编写可维护的CSS</td> <td><a href="/misc/goto?guid=4959548391229742043" rel="external">https://github.com/chadluo/CSS-Guidelines/blob/master/README.md</a></td> </tr> <tr> <td>CSS3动画手册</td> <td><a href="/misc/goto?guid=4959719452719045375" rel="external">http://isux.tencent.com/css3/index.html</a></td> </tr> <tr> <td>腾讯css3动画制作工具</td> <td><a href="/misc/goto?guid=4959719452804332457" rel="external">http://isux.tencent.com/css3/tools.html</a></td> </tr> <tr> <td>志爷css小工具集合</td> <td><a href="/misc/goto?guid=4959719452886673823" rel="external">http://linxz.github.io/tianyizone</a></td> </tr> <tr> <td>css3 js 移动大杂烩</td> <td><a href="/misc/goto?guid=4959719452965835416" rel="external">http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb</a></td> </tr> <tr> <td>bouncejs 触摸库</td> <td><a href="/misc/goto?guid=4958834575574498450" rel="external">http://bouncejs.com</a></td> </tr> <tr> <td>animate.css</td> <td><a href="/misc/goto?guid=4959719453075367992" rel="external">http://daneden.github.io/animate.css</a></td> </tr> <tr> <td>全局CSS的终结(狗带 [译]</td> <td><a href="/misc/goto?guid=4959719453159178241" rel="external">http://www.alloyteam.com/2015/10/8536</a></td> </tr> <tr> <td>browserhacks</td> <td><a href="/misc/goto?guid=4958829123874226184" rel="external">http://browserhacks.com</a></td> </tr> </tbody> </table> <h2><strong>Angularjs</strong></h2> <table> <thead> <tr> <th>Angularjs</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Angular.js 的一些学习资源</td> <td><a href="/misc/goto?guid=4959639316006513120" rel="external">https://github.com/dolymood/AngularLearning</a></td> </tr> <tr> <td>angularjs中文社区</td> <td><a href="/misc/goto?guid=4958537748020652716" rel="external">http://angularjs.cn</a></td> </tr> <tr> <td>Angularjs源码学习</td> <td><a href="/misc/goto?guid=4959719453328807162" rel="external">http://www.cnblogs.com/xuwenmin888/p/3739096.html</a></td> </tr> <tr> <td>Angularjs源码学习</td> <td><a href="/misc/goto?guid=4959719453412770144" rel="external">http://www.ifeenan.com/?c=AngularJS</a></td> </tr> <tr> <td>angular对bootstrap的封装</td> <td><a href="/misc/goto?guid=4958865092899669634" rel="external">http://angular-ui.github.io/bootstrap</a></td> </tr> <tr> <td>angularjs + nodejs</td> <td><a href="/misc/goto?guid=4959719454009138051" rel="external">https://cnodejs.org/topic/51404e0f069911196d2e3923</a></td> </tr> <tr> <td>吕大豹 Angularjs</td> <td><a href="/misc/goto?guid=4959719454090142457" rel="external">http://www.cnblogs.com/lvdabao/tag/AngularJs</a></td> </tr> <tr> <td>AngularJS 最佳实践</td> <td><a href="/misc/goto?guid=4959639312197018840" rel="external">http://www.infoq.com/cn/news/2013/02/angular-web-app</a></td> </tr> <tr> <td>Angular的一些扩展指令</td> <td><a href="/misc/goto?guid=4959639312935558857" rel="external">http://www.lovelucy.info/angularjs-best-practices.html</a></td> </tr> <tr> <td>Angular数据绑定原理</td> <td><a href="/misc/goto?guid=4958850470828634701" rel="external">https://github.com/Pasvaz/bindonce</a></td> </tr> <tr> <td>一些扩展Angular UI组件</td> <td><a href="/misc/goto?guid=4959639314654074713" rel="external">https://github.com/angular-ui</a></td> </tr> <tr> <td>Ember和AngularJS的性能测试</td> <td><a href="/misc/goto?guid=4959719454289998102" rel="external">http://voidcanvas.com/emberjs-vs-angularjs-performance-testing</a></td> </tr> <tr> <td>带你走近AngularJS - 基本功能介绍</td> <td><a href="/misc/goto?guid=4959719454374047290" rel="external">http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html</a></td> </tr> <tr> <td>Angularjs开发指南</td> <td><a href="/misc/goto?guid=4959719454453229366" rel="external">http://angular.duapp.com/docs/guide</a></td> </tr> <tr> <td>Angularjs学习</td> <td><a href="/misc/goto?guid=4959719454539783599" rel="external">http://www.cnblogs.com/amosli/p/3710648.html</a></td> </tr> <tr> <td>不要带着jQuery的思维去学习AngularJS</td> <td><a href="/misc/goto?guid=4959719454618765516" rel="external">http://www.rainweb.cn/article/angularjs-jquery.html</a></td> </tr> <tr> <td>angularjs 学习笔记</td> <td><a href="/misc/goto?guid=4959639309392421876" rel="external">http://wangjiatao.diandian.com/?tag=angularjs</a></td> </tr> <tr> <td>angularjs 开发指南</td> <td><a href="/misc/goto?guid=4959719454722719219" rel="external">http://www.angularjs.cn/T008</a></td> </tr> <tr> <td>angularjs 英文资料</td> <td><a href="/misc/goto?guid=4958863464671164351" rel="external">https://github.com/jmcunningham/AngularJS-Learning</a></td> </tr> <tr> <td>angular bootstrap</td> <td><a href="/misc/goto?guid=4958865092899669634" rel="external">http://angular-ui.github.io/bootstrap</a></td> </tr> <tr> <td>angular jq mobile</td> <td><a href="/misc/goto?guid=4958535722620854844" rel="external">https://github.com/opitzconsulting/jquery-mobile-angular-adapter</a></td> </tr> <tr> <td>angular ui</td> <td><a href="/misc/goto?guid=4959719454878060409" rel="external">http://mgcrea.github.io/angular-strap</a></td> </tr> <tr> <td>整合jQuery Mobile+AngularJS经验谈</td> <td><a href="/misc/goto?guid=4959719454958792662" rel="external">http://www.tuicool.com/articles/7ZZVr2</a></td> </tr> <tr> <td>有jQuery背景，该如何用AngularJS编程思想</td> <td><a href="/misc/goto?guid=4959719455042593158" rel="external">http://blog.jobbole.com/46589/</a></td> </tr> <tr> <td>AngularJS在线教程</td> <td><a href="/misc/goto?guid=4959719455112063173" rel="external">http://each.sinaapp.com/angular</a></td> </tr> <tr> <td>angular学习笔记</td> <td><a href="/misc/goto?guid=4959719455198271464" rel="external">http://www.zouyesheng.com/angular.html</a></td> </tr> </tbody> </table> <h2><strong>React</strong></h2> <table> <thead> <tr> <th>React</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>react.js 中文论坛</td> <td><a href="/misc/goto?guid=4959719455281125035" rel="external">http://www.react-china.org</a></td> </tr> <tr> <td>react.js 官方网址</td> <td><a href="/misc/goto?guid=4959719455360081667" rel="external">https://非死book.github.io/react/index.html</a></td> </tr> <tr> <td>react.js 官方文档</td> <td><a href="/misc/goto?guid=4958874692283405843" rel="external">https://非死book.github.io/react/docs/getting-started.html</a></td> </tr> <tr> <td>react.js material UI</td> <td><a href="/misc/goto?guid=4959719455472349651" rel="external">http://material-ui.com/#</a></td> </tr> <tr> <td>react.js TouchstoneJS UI</td> <td><a href="/misc/goto?guid=4958862060950828354" rel="external">http://touchstonejs.io</a></td> </tr> <tr> <td>react.js amazeui UI</td> <td><a href="/misc/goto?guid=4959719455581577413" rel="external">http://amazeui.org/react</a></td> </tr> <tr> <td>React 入门实例教程 - 阮一峰</td> <td><a href="/misc/goto?guid=4958870578281658581" rel="external">http://www.ruanyifeng.com/blog/2015/03/react.html</a></td> </tr> <tr> <td>React Native 中文版</td> <td><a href="/misc/goto?guid=4959719455695497230" rel="external">http://wiki.jikexueyuan.com/project/react-native</a></td> </tr> <tr> <td>Webpack 和 React 小书 - 前端乱炖</td> <td><a href="/misc/goto?guid=4959719455765661672" rel="external">http://www.html-js.com/article/Fakefish%203053</a></td> </tr> <tr> <td>Webpack 和 React 小书 - gitbook</td> <td><a href="/misc/goto?guid=4959719455854348438" rel="external">https://fakefish.github.io/react-webpack-cookbook</a></td> </tr> <tr> <td>webpack</td> <td><a href="/misc/goto?guid=4958967409467887542" rel="external">https://github.com/webpack/webpack</a></td> </tr> <tr> <td>Webpack，101入门体验</td> <td><a href="/misc/goto?guid=4959719455959450122" rel="external">http://html-js.com/article/3009</a></td> </tr> <tr> <td>webpack入门教程</td> <td><a href="/misc/goto?guid=4959719456042483401" rel="external">http://html-js.com/article/3113</a></td> </tr> <tr> <td>基于webpack搭建前端工程解决方案探索</td> <td><a href="/misc/goto?guid=4959642540399016076" rel="external">http://segmentfault.com/a/1190000003499526</a></td> </tr> <tr> <td>React原创实战视频教程</td> <td><a href="/misc/goto?guid=4959719456154292267" rel="external">http://www.piliyu.com</a></td> </tr> </tbody> </table> <h2><strong>vue</strong></h2> <table> <thead> <tr> <th>vue</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Vue</td> <td><a href="/misc/goto?guid=4959646930251080102" rel="external">http://cn.vuejs.org</a></td> </tr> <tr> <td>Vue 论坛</td> <td><a href="/misc/goto?guid=4959719456267628813" rel="external">http://forum.vuejs.org</a></td> </tr> <tr> <td>Vue 入门指南</td> <td><a href="/misc/goto?guid=4959719456350984230" rel="external">http://www.cnblogs.com/aaronjs/p/3660102.html</a></td> </tr> <tr> <td>Vue 的一些资源索引</td> <td><a href="/misc/goto?guid=4959719456432467726" rel="external">http://segmentfault.com/a/1190000000411057</a></td> </tr> <tr> <td>awesome-vue</td> <td><a href="/misc/goto?guid=4959719456519576116" rel="external">https://github.com/vuejs/awesome-vue</a></td> </tr> </tbody> </table> <h2><strong>移动端API</strong></h2> <table> <thead> <tr> <th>移动端API</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>99移动端知识集合</td> <td><a href="/misc/goto?guid=4959639629491965789" rel="external">https://github.com/jtyjty99999/mobileTech</a></td> </tr> <tr> <td>移动端前端开发知识库</td> <td><a href="/misc/goto?guid=4958865625172818727" rel="external">https://github.com/AlloyTeam/Mars</a></td> </tr> <tr> <td>移动前端的一些坑和解决方法（外观表现）</td> <td><a href="/misc/goto?guid=4959719456631291743" rel="external">http://caibaojian.com/mobile-web-bug.html</a></td> </tr> <tr> <td>【原】移动web资源整理</td> <td><a href="/misc/goto?guid=4958974312247076951" rel="external">http://www.cnblogs.com/PeunZhang/p/3407453.html</a></td> </tr> <tr> <td>zepto 1.0 中文手册</td> <td><a href="/misc/goto?guid=4959719456744323932" rel="external">http://mweb.baidu.com/zeptoapi</a></td> </tr> <tr> <td>zepto 1.0 中文手册</td> <td><a href="/misc/goto?guid=4959719456825393397" rel="external">http://www.html-5.cn/Manual/Zepto</a></td> </tr> <tr> <td>zepto 1.1.2</td> <td><a href="/misc/goto?guid=4959719456912692467" rel="external">http://www.css88.com/doc/zeptojs_api</a></td> </tr> <tr> <td>zepto 中文注释</td> <td><a href="/misc/goto?guid=4959719456987986782" rel="external">http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html</a></td> </tr> <tr> <td>jqmobile 手册</td> <td><a href="/misc/goto?guid=4959719457069593652" rel="external">http://app-framework-software.intel.com/api.php</a></td> </tr> <tr> <td>移动浏览器开发集合</td> <td><a href="/misc/goto?guid=4959719457150916598" rel="external">https://github.com/maxzhang/maxzhang.github.com/issues</a></td> </tr> <tr> <td>移动开发大杂烩</td> <td><a href="/misc/goto?guid=4958875403884683387" rel="external">https://github.com/hoosin/mobile-web-favorites</a></td> </tr> </tbody> </table> <h2><strong>jQuery</strong></h2> <table> <thead> <tr> <th>jQuery</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>jQuery API 中文文档</td> <td><a href="/misc/goto?guid=4959719457266931978" rel="external">http://www.jquery123.com</a></td> </tr> <tr> <td>hemin 在线版</td> <td><a href="/misc/goto?guid=4959719457336900414" rel="external">http://hemin.cn/jq</a></td> </tr> <tr> <td>css88 jq api</td> <td><a href="/misc/goto?guid=4959719457427862325" rel="external">http://www.css88.com/jqapi-1.9/on</a></td> </tr> <tr> <td>css88 jqui api</td> <td><a href="/misc/goto?guid=4959719457502287239" rel="external">http://www.css88.com/jquery-ui-api</a></td> </tr> <tr> <td>学习jquery</td> <td><a href="/misc/goto?guid=4958530544722977674" rel="external">http://learn.jquery.com</a></td> </tr> <tr> <td>jquery 源码查找</td> <td><a href="/misc/goto?guid=4959719457622134672" rel="external">http://james.padolsey.com/jquery</a></td> </tr> <tr> <td>Web前端资源汇总(jQuery,Js,Css3等)</td> <td><a href="/misc/goto?guid=4959719457699506905" rel="external">http://www.cnblogs.com/jihua/p/webfront.html</a></td> </tr> </tbody> </table> <h2><strong>D3</strong></h2> <table> <thead> <tr> <th>D3</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>d3 Tutorials</td> <td><a href="/misc/goto?guid=4958531188026184533" rel="external">https://github.com/mbostock/d3/wiki/Tutorials</a></td> </tr> <tr> <td>Gallery</td> <td><a href="/misc/goto?guid=4958871578944484169" rel="external">https://github.com/mbostock/d3/wiki/Gallery</a></td> </tr> <tr> <td>lofter</td> <td><a href="/misc/goto?guid=4959719457838781915" rel="external">http://datavisual.lofter.com/post/40cf3a_188e535</a></td> </tr> <tr> <td>iteye</td> <td><a href="/misc/goto?guid=4959719457928305837" rel="external">http://alanland.iteye.com/blog/1878595</a></td> </tr> <tr> <td>ruanyifeng</td> <td><a href="/misc/goto?guid=4959719458001146511" rel="external">http://javascript.ruanyifeng.com/library/d3.html</a></td> </tr> </tbody> </table> <h2><strong>Requriejs</strong></h2> <table> <thead> <tr> <th>Requriejs</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Javascript模块化编程（一）：模块的写法</td> <td><a href="/misc/goto?guid=4959543761979448200" rel="external">http://www.ruanyifeng.com/blog/2012/10/javascript_module.html</a></td> </tr> <tr> <td>Javascript模块化编程（二）：AMD规范</td> <td><a href="/misc/goto?guid=4959543825334947825" rel="external">http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html</a></td> </tr> <tr> <td>Javascript模块化编程（三）：require.js的用法</td> <td><a href="/misc/goto?guid=4959651659732667251" rel="external">http://www.ruanyifeng.com/blog/2012/11/require_js.html</a></td> </tr> <tr> <td>RequireJS入门（一）</td> <td><a href="/misc/goto?guid=4959719458166163045" rel="external">http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html</a></td> </tr> <tr> <td>RequireJS入门（二）</td> <td><a href="/misc/goto?guid=4959719458253311643" rel="external">http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html</a></td> </tr> <tr> <td>RequireJS进阶（三）</td> <td><a href="/misc/goto?guid=4959719458336153516" rel="external">http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html</a></td> </tr> <tr> <td>requrie源码学习</td> <td><a href="/misc/goto?guid=4959719458414796104" rel="external">http://www.cnblogs.com/yexiaochai/p/3632580.html</a></td> </tr> <tr> <td>requrie 入门指南</td> <td><a href="/misc/goto?guid=4959719458498791912" rel="external">http://www.oschina.net/translate/getting-started-with-the-requirejs-library</a></td> </tr> <tr> <td>requrieJS 学习笔记</td> <td><a href="/misc/goto?guid=4959719458575311424" rel="external">http://www.cnblogs.com/yexiaochai/p/3214926.html</a></td> </tr> <tr> <td>requriejs 其一</td> <td><a href="/misc/goto?guid=4959719458654474150" rel="external">http://cyj.me/why-seajs/requirejs/</a></td> </tr> <tr> <td>require backbone结合</td> <td><a href="/misc/goto?guid=4959719458730370645" rel="external">http://www.cnblogs.com/yexiaochai/p/3221081.html</a></td> </tr> </tbody> </table> <h2><strong>Seajs</strong></h2> <table> <thead> <tr> <th>Seajs</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>seajs</td> <td><a href="/misc/goto?guid=4958854326059447832" rel="external">http://seajs.org</a></td> </tr> <tr> <td>seajs 中文手册</td> <td><a href="/misc/goto?guid=4959719458842487032" rel="external">http://cyj.me/why-seajs/zh</a></td> </tr> </tbody> </table> <h2><strong>Less,sass</strong></h2> <table> <thead> <tr> <th>Less,sass</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>sass</td> <td><a href="/misc/goto?guid=4959719458925129417" rel="external">http://www.w3cplus.com/sassguide</a></td> </tr> <tr> <td>sass教程-sass中国</td> <td><a href="/misc/goto?guid=4959719459001248510" rel="external">http://www.sass.hk</a></td> </tr> <tr> <td>Sass 中文文档</td> <td><a href="/misc/goto?guid=4959719459079083251" rel="external">http://sass.bootcss.com</a></td> </tr> <tr> <td>less</td> <td><a href="/misc/goto?guid=4958969386308747588" rel="external">http://less.bootcss.com</a></td> </tr> </tbody> </table> <h2><strong>Markdown</strong></h2> <table> <thead> <tr> <th>Markdown</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Markdown 语法说明 (简体中文版</td> <td><a href="/misc/goto?guid=4959719459194965729" rel="external">http://wowubuntu.com/markdown</a></td> </tr> <tr> <td>markdown入门参考</td> <td><a href="/misc/goto?guid=4959719459265395378" rel="external">https://github.com/LearnShare/Learning-Markdown/blob/master/README.md</a></td> </tr> <tr> <td>gitbook</td> <td><a href="/misc/goto?guid=4958860413208272338" rel="external">https://www.gitbook.com</a> 国外的在线markdown可编辑成书</td> </tr> <tr> <td>mdeditor</td> <td><a href="/misc/goto?guid=4959638952754406142" rel="external">https://www.zybuluo.com/mdeditor</a> 一款国内的在线markdown编辑器</td> </tr> <tr> <td>stackedit</td> <td><a href="/misc/goto?guid=4958853421440954118" rel="external">https://stackedit.io</a> 国外的在线markdown编辑器，功能强大，同步云盘</td> </tr> <tr> <td>mditor</td> <td><a href="/misc/goto?guid=4959719459446408911" rel="external">http://bh-lay.github.io/mditor</a> 一款轻量级的markdown编辑器</td> </tr> <tr> <td>lepture-editor</td> <td><a href="/misc/goto?guid=4959615954512738471" rel="external">https://github.com/lepture/editor</a></td> </tr> <tr> <td>markdown-editor</td> <td><a href="/misc/goto?guid=4959719459555459663" rel="external">https://github.com/jbt/markdown-editor</a></td> </tr> <tr> <td>作业部落</td> <td><a href="/misc/goto?guid=4958971601670564211" rel="external">https://www.zybuluo.com</a> 功能强大，速度流畅，全平台同步</td> </tr> </tbody> </table> <h2><strong>兼容性</strong></h2> <table> <thead> <tr> <th>兼容性</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>esma 兼容列表</td> <td><a href="/misc/goto?guid=4959719459660997659" rel="external">http://kangax.github.io/compat-table/es6</a></td> </tr> <tr> <td>W3C CSS验证服务</td> <td><a href="/misc/goto?guid=4959719459747514755" rel="external">http://jigsaw.w3.org/css-validator/validator.html.zh-cn</a></td> </tr> <tr> <td>caniuse</td> <td><a href="/misc/goto?guid=4959719459818481720" rel="external">http://caniuse.com/#index</a></td> </tr> <tr> <td>csscreator</td> <td><a href="/misc/goto?guid=4959719459904770686" rel="external">http://csscreator.com/properties</a></td> </tr> <tr> <td>microsoft</td> <td><a href="/misc/goto?guid=4959719459987371802" rel="external">https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx</a></td> </tr> <tr> <td>在线测兼容-移动端</td> <td><a href="/misc/goto?guid=4958528384547750247" rel="external">http://www.responsinator.com</a></td> </tr> <tr> <td>emulators</td> <td><a href="/misc/goto?guid=4959719460098466869" rel="external">https://www.manymo.com/emulators</a></td> </tr> </tbody> </table> <h2><strong>UI相关</strong></h2> <table> <thead> <tr> <th>UI相关</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>bootcss</td> <td><a href="/misc/goto?guid=4958853180917545301" rel="external">http://v3.bootcss.com</a></td> </tr> <tr> <td>ANT DESIGN</td> <td><a href="/misc/goto?guid=4959674951260994829" rel="external">http://ant.design</a> 一个 UI 设计语言</td> </tr> <tr> <td>MetroUICSS</td> <td><a href="/misc/goto?guid=4959719460236628167" rel="external">http://www.w3cplus.com/MetroUICSS</a></td> </tr> <tr> <td>semantic</td> <td><a href="/misc/goto?guid=4958542168966082381" rel="external">http://semantic-ui.com</a></td> </tr> <tr> <td>Buttons</td> <td><a href="/misc/goto?guid=4959719460341727207" rel="external">http://alexwolfe.github.io/Buttons</a></td> </tr> <tr> <td>kitecss</td> <td><a href="/misc/goto?guid=4959719460425947111" rel="external">http://hiloki.github.io/kitecss</a></td> </tr> <tr> <td>pintuer</td> <td><a href="/misc/goto?guid=4959614180818050032" rel="external">http://www.pintuer.com</a></td> </tr> <tr> <td>amazeui</td> <td><a href="/misc/goto?guid=4958839055981814283" rel="external">http://amazeui.org</a></td> </tr> <tr> <td>worldhello</td> <td><a href="/misc/goto?guid=4958988064258441668" rel="external">http://www.worldhello.net/gotgithub/index.html</a></td> </tr> <tr> <td>linuxtoy</td> <td><a href="/misc/goto?guid=4959719460595033465" rel="external">http://igit.linuxtoy.org/contents.html</a></td> </tr> <tr> <td>gitmagic</td> <td><a href="/misc/goto?guid=4959719460670221309" rel="external">http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn</a></td> </tr> <tr> <td>rogerdudler</td> <td><a href="/misc/goto?guid=4958837433897247068" rel="external">http://rogerdudler.github.io/git-guide/index.zh.html</a></td> </tr> <tr> <td>gitref</td> <td><a href="/misc/goto?guid=4958870309383568712" rel="external">http://gitref.justjavac.com</a></td> </tr> <tr> <td>book</td> <td><a href="/misc/goto?guid=4958837433986194829" rel="external">http://git-scm.com/book/zh</a></td> </tr> <tr> <td>gogojimmy</td> <td><a href="/misc/goto?guid=4959719460835781186" rel="external">http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic</a></td> </tr> </tbody> </table> <h2><strong>其它API</strong></h2> <table> <thead> <tr> <th>其它API</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>HTTP API 设计指南</td> <td><a href="/misc/goto?guid=4959719460919540460" rel="external">http://segmentfault.com/bookmark/1230000002521721</a></td> </tr> <tr> <td>javascript流行库汇总</td> <td>javascriptoo</td> </tr> <tr> <td>验证api</td> <td><a href="/misc/goto?guid=4959719460995391093" rel="external">http://niceue.com/validator/demo/index.php</a></td> </tr> <tr> <td>underscore 中文手册</td> <td><a href="/misc/goto?guid=4959719461075779300" rel="external">http://www.css88.com/doc/underscore</a></td> </tr> <tr> <td>underscore源码分析</td> <td><a href="/misc/goto?guid=4959719461158229586" rel="external">http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031</a></td> </tr> <tr> <td>underscore源码分析-亚里士朱德的博客</td> <td><a href="/misc/goto?guid=4959719461238039450" rel="external">http://yalishizhude.github.io/tags/underscore</a></td> </tr> <tr> <td>underscrejs en api</td> <td><a href="/misc/goto?guid=4958528211773305809" rel="external">http://underscorejs.org</a></td> </tr> <tr> <td>lodash - underscore的代替品</td> <td><a href="/misc/goto?guid=4958871496205746239" rel="external">https://lodash.com</a></td> </tr> <tr> <td>ext4api</td> <td><a href="/misc/goto?guid=4959719461377001195" rel="external">http://extjs-doc-cn.github.io/ext4api</a></td> </tr> <tr> <td>qwrap手册</td> <td><a href="/misc/goto?guid=4959719461454781374" rel="external">http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm</a></td> </tr> <tr> <td>缓动函数</td> <td><a href="/misc/goto?guid=4959660098781606599" rel="external">http://easings.net/zh-cn</a></td> </tr> <tr> <td>svg 中文参考</td> <td><a href="/misc/goto?guid=4959719461569554614" rel="external">http://www.w3school.com.cn/svg/svg_reference.asp</a></td> </tr> <tr> <td>svg mdn参考</td> <td><a href="/misc/goto?guid=4959719461650702027" rel="external">https://developer.mozilla.org/en-US/docs/Web/SVG</a></td> </tr> <tr> <td>svg 导出 canvas</td> <td><a href="/misc/goto?guid=4959719461730941805" rel="external">https://github.com/gabelerner/canvg</a></td> </tr> <tr> <td>svg 导出 png</td> <td><a href="/misc/goto?guid=4959719461810437251" rel="external">https://github.com/exupero/saveSvgAsPng</a></td> </tr> <tr> <td>ai-to-svg</td> <td><a href="/misc/goto?guid=4959719461902109205" rel="external">http://www.zamzar.com/convert/ai-to-svg</a></td> </tr> <tr> <td>localStorage 库</td> <td><a href="/misc/goto?guid=4959719461985659894" rel="external">https://github.com/machao/localStorage</a></td> </tr> </tbody> </table> <h2><strong>图表类</strong></h2> <table> <thead> <tr> <th>图表类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Highcharts 中文API</td> <td><a href="/misc/goto?guid=4959719462057653190" rel="external">http://www.hcharts.cn/api/index.php</a></td> </tr> <tr> <td>Highcharts 英文API</td> <td><a href="/misc/goto?guid=4959719462153394537" rel="external">http://api.highcharts.com/highcharts</a></td> </tr> <tr> <td>ECharts 百度的图表软件</td> <td><a href="/misc/goto?guid=4958830263140391453" rel="external">http://echarts.baidu.com/</a></td> </tr> <tr> <td>高德地图</td> <td><a href="/misc/goto?guid=4959719462263013731" rel="external">http://lbs.amap.com/api</a></td> </tr> <tr> <td>开源的矢量图脚本框架</td> <td><a href="/misc/goto?guid=4958529486647817667" rel="external">http://paperjs.org</a></td> </tr> <tr> <td>svg 地图</td> <td><a href="/misc/goto?guid=4958521908792578832" rel="external">http://jvectormap.com</a></td> </tr> </tbody> </table> <h2><strong>正则</strong></h2> <table> <thead> <tr> <th>正则</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>JS正则表达式元字符</td> <td><a href="/misc/goto?guid=4959719462409256795" rel="external">http://segmentfault.com/a/1190000002471140</a></td> </tr> <tr> <td>正则表达式30分钟入门教程</td> <td><a href="/misc/goto?guid=4958870310001627402" rel="external">http://deerchao.net/tutorials/regex/regex.htm</a></td> </tr> <tr> <td>MDN-正则表达式</td> <td><a href="/misc/goto?guid=4959719462512550975" rel="external">https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions</a></td> </tr> <tr> <td>ruanyifeng - RegExp对象</td> <td><a href="/misc/goto?guid=4959719462606815873" rel="external">http://javascript.ruanyifeng.com/stdlib/regexp.html</a></td> </tr> <tr> <td>小胡子哥 - 进阶正则表达式</td> <td><a href="/misc/goto?guid=4959719462687885059" rel="external">http://div.io/topic/764?page=1</a></td> </tr> <tr> <td>is.js</td> <td><a href="/misc/goto?guid=4959719462786022230" rel="external">https://github.com/Cedriking/is.js/blob/master/is.js</a></td> </tr> <tr> <td>正则在线测试</td> <td><a href="/misc/goto?guid=4959719462877247254" rel="external">http://regexper.com</a></td> </tr> </tbody> </table> <h2><strong>前端规范</strong></h2> <table> <thead> <tr> <th>前端规范</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>通过分析github代码库总结出来的工程师代码书写习惯</td> <td><a href="/misc/goto?guid=4959719462968367583" rel="external">http://alloyteam.github.io/CodeGuide</a></td> </tr> <tr> <td>HTML&CSS编码规范 by @mdo</td> <td><a href="/misc/goto?guid=4959645437162481961" rel="external">http://codeguide.bootcss.com</a></td> </tr> <tr> <td>团队合作的css命名规范-腾讯AlloyTeam前端团队</td> <td><a href="/misc/goto?guid=4959719463082882799" rel="external">http://www.alloyteam.com/2011/10/css-on-team-naming/</a></td> </tr> <tr> <td>前端编码规范之js - by yuwenhui</td> <td><a href="/misc/goto?guid=4959719463175237264" rel="external">http://yuwenhui.github.io</a></td> </tr> <tr> <td>前端编码规范之js - by 李靖</td> <td><a href="/misc/goto?guid=4959637636332843867" rel="external">http://www.cnblogs.com/hustskyking/p/javascript-spec.html</a></td> </tr> <tr> <td>前端开发规范手册</td> <td><a href="/misc/goto?guid=4959719463291777163" rel="external">http://zhibimo.com/read/Ashu/front-end-style-guide</a></td> </tr> <tr> <td>Airbnb JavaScript 编码规范（简体中文版）</td> <td><a href="/misc/goto?guid=4959719463385530373" rel="external">https://github.com/yuche/javascript#table-of-contents</a></td> </tr> <tr> <td>AMD与CMD规范的区别</td> <td><a href="/misc/goto?guid=4959719463475572635" rel="external">http://www.zhihu.com/question/20351507</a></td> </tr> <tr> <td>AMD与CMD规范的区别</td> <td><a href="/misc/goto?guid=4959719463568748011" rel="external">http://www.cnblogs.com/tugenhua0707/p/3507957.html</a></td> </tr> <tr> <td>KISSY 源码规范</td> <td><a href="/misc/goto?guid=4959719463658200880" rel="external">http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html</a></td> </tr> <tr> <td>bt编码规范</td> <td><a href="/misc/goto?guid=4959645437162481961" rel="external">http://codeguide.bootcss.com</a></td> </tr> <tr> <td>规范加强版</td> <td><a href="/misc/goto?guid=4959719463754853132" rel="external">https://github.com/Suxiaogang/Code_Guide</a></td> </tr> <tr> <td>前端代码规范 及 最佳实践</td> <td><a href="/misc/goto?guid=4959719463848710220" rel="external">http://blog.jobbole.com/79075</a></td> </tr> <tr> <td>百度前端规范</td> <td><a href="/misc/goto?guid=4959719463937439325" rel="external">http://coderlmn.github.io/code-standards</a></td> </tr> <tr> <td>百度前端规范</td> <td><a href="/misc/goto?guid=4959719464026302814" rel="external">http://isobar-idev.github.io/code-standards</a></td> </tr> <tr> <td>百度前端规范</td> <td><a href="/misc/goto?guid=4959719464126304493" rel="external">http://zhuanlan.zhihu.com/fuyun/19884834</a></td> </tr> <tr> <td>ECMAScript6 编码规范–广发证券前端团队</td> <td><a href="/misc/goto?guid=4959719464219244264" rel="external">https://github.com/gf-rd/es6-coding-style</a></td> </tr> <tr> <td>JavaScript 风格指南/编码规范（Airbnb公司版）</td> <td><a href="/misc/goto?guid=4959719464305354626" rel="external">http://blog.jobbole.com/79484</a></td> </tr> <tr> <td>网易前端开发规范</td> <td><a href="/misc/goto?guid=4959719464401904635" rel="external">http://nec.netease.com/standard</a></td> </tr> <tr> <td>css模块</td> <td><a href="/misc/goto?guid=4959719464494994890" rel="external">http://www.75team.com/archives/1049</a></td> </tr> <tr> <td>前端规范资源列表</td> <td><a href="/misc/goto?guid=4959653341202400302" rel="external">https://github.com/ecomfe/spec</a></td> </tr> </tbody> </table> <h2><strong>PHP</strong></h2> <table> <thead> <tr> <th>PHP</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>最流行的PHP 代码规范</td> <td><a href="/misc/goto?guid=4959719464610527334" rel="external">http://segmentfault.com/a/1190000000443795</a></td> </tr> <tr> <td>最流行的PHP 代码规范</td> <td><a href="/misc/goto?guid=4959719464709812892" rel="external">https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md</a></td> </tr> </tbody> </table> <h2><strong>各大公司开源项目</strong></h2> <table> <thead> <tr> <th>各大公司开源项目</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>非死book Projects</td> <td><a href="/misc/goto?guid=4959719464809573735" rel="external">https://code.非死book.com/projects/web</a></td> </tr> <tr> <td>百度web前端研发部</td> <td><a href="/misc/goto?guid=4958836157683731590" rel="external">http://fex.baidu.com</a></td> </tr> <tr> <td>百度EFE</td> <td><a href="/misc/goto?guid=4958849076296879202" rel="external">http://efe.baidu.com</a></td> </tr> <tr> <td>百度github</td> <td><a href="/misc/goto?guid=4959719464966302417" rel="external">https://github.com/fex-team</a></td> </tr> <tr> <td>alloyteam</td> <td><a href="/misc/goto?guid=4958531634572379649" rel="external">http://www.alloyteam.com</a></td> </tr> <tr> <td>alloyteam-github</td> <td><a href="/misc/goto?guid=4959719465091677823" rel="external">http://alloyteam.github.io</a></td> </tr> <tr> <td>alloyteam-AlloyGameEngine</td> <td><a href="/misc/goto?guid=4959630729374954820" rel="external">https://github.com/AlloyTeam/AlloyGameEngine</a></td> </tr> <tr> <td>AlloyDesigner</td> <td><a href="/misc/goto?guid=4959719465213111037" rel="external">http://alloyteam.github.io/AlloyDesigner</a> 即时修改，即时保存，设计稿较正，其它开发辅助工具</td> </tr> <tr> <td>H5交互页编辑器AEditor介绍</td> <td><a href="/misc/goto?guid=4959719465311311997" rel="external">http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao</a> H5动画交互页开发的工具介绍</td> </tr> <tr> <td>AEditor</td> <td><a href="/misc/goto?guid=4959719465399251292" rel="external">http://aeditor.alloyteam.com</a> H5动画交互页开发的工具</td> </tr> <tr> <td>值得订阅的weekly</td> <td><a href="/misc/goto?guid=4959719465494761466" rel="external">https://github.com/fenbility/weekly-feed</a></td> </tr> <tr> <td>腾讯html5</td> <td><a href="/misc/goto?guid=4959719465587621646" rel="external">http://cube.qq.com</a></td> </tr> <tr> <td>奇舞团开源项目</td> <td><a href="/misc/goto?guid=4959719465675318215" rel="external">http://75team.github.io</a></td> </tr> <tr> <td>Qunar UED</td> <td><a href="/misc/goto?guid=4958861448674781793" rel="external">http://ued.qunar.com</a></td> </tr> <tr> <td>Scrat</td> <td><a href="/misc/goto?guid=4959719465806537949" rel="external">http://scrat.io</a></td> </tr> </tbody> </table> <h2><strong>常用</strong></h2> <table> <thead> <tr> <th>常用</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性</td> <td><a href="/misc/goto?guid=4959719465899940664" rel="external">http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome</a></td> </tr> <tr> <td>模拟键盘</td> <td><a href="/misc/goto?guid=4959719465992169793" rel="external">http://mottie.github.io/Keyboard</a></td> </tr> <tr> <td>拼音</td> <td><a href="/misc/goto?guid=4959623796964705486" rel="external">https://github.com/hotoo/pinyin</a></td> </tr> <tr> <td>中国个人身份证号验证</td> <td><a href="/misc/goto?guid=4959719466109037419" rel="external">https://github.com/mc-zone/IDValidator</a></td> </tr> </tbody> </table> <h2><strong>算法</strong></h2> <table> <thead> <tr> <th>算法</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>数据结构与算法 JavaScript 描述. 章节练习</td> <td><a href="/misc/goto?guid=4959719466209533597" rel="external">https://github.com/Ralph-Wang/algorithm.in.js</a></td> </tr> <tr> <td>常见排序算法（JS版）</td> <td><a href="/misc/goto?guid=4959719466309378161" rel="external">https://github.com/twobin/twobinSort</a></td> </tr> <tr> <td>经典排序</td> <td><a href="/misc/goto?guid=4959719466398889878" rel="external">https://github.com/luofei2011/jsAgm/blob/master/js/sort.js</a></td> </tr> <tr> <td>常见排序算法-js版本</td> <td><a href="/misc/goto?guid=4959719466497728698" rel="external">https://github.com/hechangmin/jssort</a></td> </tr> <tr> <td>JavaScript 算法与数据结构 精华集</td> <td><a href="/misc/goto?guid=4959719466588087601" rel="external">https://github.com/lightningtgc/JavaScript-Algorithms</a></td> </tr> <tr> <td>面试常考算法题精讲</td> <td><a href="/misc/goto?guid=4959719466681648044" rel="external">http://www.nowcoder.com/live/courses</a></td> </tr> </tbody> </table> <h2><strong>移动端</strong></h2> <table> <thead> <tr> <th>移动端</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>fastclick</td> <td><a href="/misc/goto?guid=4958538438644315681" rel="external">https://github.com/ftlabs/fastclick</a></td> </tr> <tr> <td>no-click-delay</td> <td><a href="/misc/goto?guid=4959719466799628760" rel="external">https://github.com/mmastrac/jquery-noclickdelay</a></td> </tr> <tr> <td>【敏捷开发】Android团队开发规范</td> <td><a href="/misc/goto?guid=4959719466895723382" rel="external">http://www.cnblogs.com/lcw/p/3619181.html</a></td> </tr> <tr> <td>Android 开发规范与应用</td> <td><a href="/misc/goto?guid=4958966287239824149" rel="external">http://www.jianshu.com/p/4390f4fe19b3</a></td> </tr> <tr> <td>ionic</td> <td><a href="/misc/goto?guid=4959668467814252930" rel="external">https://github.com/ychow/ionic-guide</a></td> </tr> </tbody> </table> <h2><strong>JSON</strong></h2> <table> <thead> <tr> <th>JSON</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>模拟生成JSON数据</td> <td><a href="/misc/goto?guid=4959655555190516843" rel="external">http://beta.json-generator.com</a></td> </tr> <tr> <td>返回跨域JSONAPI</td> <td><a href="/misc/goto?guid=4959719467081923762" rel="external">http://jsonp.afeld.me</a></td> </tr> </tbody> </table> <h2><strong>焦点图</strong></h2> <table> <thead> <tr> <th>焦点图</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>myfocus</td> <td><a href="/misc/goto?guid=4959719467179492323" rel="external">https://github.com/koen301/myfocus</a></td> </tr> <tr> <td>myfocus-官方演示站</td> <td><a href="/misc/goto?guid=4959719467281574254" rel="external">http://www.chhua.com/myfocus</a></td> </tr> <tr> <td>SuperSlidev2.1 – 大话主席</td> <td><a href="/misc/goto?guid=4959719467372104210" rel="external">http://www.superslide2.com</a></td> </tr> <tr> <td>soChange</td> <td><a href="/misc/goto?guid=4959719467463305719" rel="external">http://www.bujichong.com/sojs/soChange/index.html</a></td> </tr> </tbody> </table> <h2><strong>Ext, EasyUI, J-UI 及其它各种UI方案</strong></h2> <table> <thead> <tr> <th>Ext, EasyUI, J-UI 及其它各种UI方案</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>extjs</td> <td><a href="/misc/goto?guid=4959719467550592393" rel="external">https://www.sencha.com/products/extjs</a></td> </tr> <tr> <td>ext4英文api</td> <td><a href="/misc/goto?guid=4959719467648106317" rel="external">http://docs.sencha.com/extjs/4.0.7</a></td> </tr> <tr> <td>ext4中文api</td> <td><a href="/misc/goto?guid=4959719461377001195" rel="external">http://extjs-doc-cn.github.io/ext4api</a></td> </tr> <tr> <td>jquery easyui 未压缩源代码</td> <td><a href="/misc/goto?guid=4959719467744769132" rel="external">http://jquery-easyui.googlecode.com/svn/trunk/src</a></td> </tr> <tr> <td>J-UI</td> <td><a href="/misc/goto?guid=4959719467837730518" rel="external">http://jui.org</a></td> </tr> <tr> <td>MUI-最接近原生APP体验的高性能前端框架</td> <td><a href="/misc/goto?guid=4959719467936904929" rel="external">http://dcloudio.github.io/mui</a></td> </tr> <tr> <td>Amaze UI(中国首个开源 HTML5 跨屏前端框架)</td> <td><a href="/misc/goto?guid=4958839055981814283" rel="external">http://amazeui.org</a></td> </tr> <tr> <td>淘宝 HTML5 前端框架</td> <td><a href="/misc/goto?guid=4959650307673283681" rel="external">http://m.sui.taobao.org</a></td> </tr> <tr> <td>KISSY - 阿里前端JavaScript库</td> <td><a href="/misc/goto?guid=4959552864888928723" rel="external">http://docs.kissyui.com</a></td> </tr> <tr> <td>网易Nej - Nice Easy Javascript</td> <td><a href="/misc/goto?guid=4959555570472524903" rel="external">http://nej.netease.com</a></td> </tr> <tr> <td>Kendo UI MVVM Demo</td> <td><a href="/misc/goto?guid=4959719468122847719" rel="external">http://demos.telerik.com/kendo-ui/mvvm/index</a></td> </tr> <tr> <td>Bootstrap</td> <td><a href="/misc/goto?guid=4958532246454818584" rel="external">http://www.bootcss.com</a></td> </tr> <tr> <td>Foundation</td> <td><a href="/misc/goto?guid=4958338175196780124" rel="external">http://foundation.zurb.com</a></td> </tr> <tr> <td>Smart UI</td> <td><a href="/misc/goto?guid=4959719468297700375" rel="external">http://smartui.chinamzz.com</a></td> </tr> <tr> <td>雅虎UI - CSS UI</td> <td><a href="/misc/goto?guid=4958195901308186708" rel="external">http://developer.yahoo.com/yui/grids</a></td> </tr> </tbody> </table> <h2><strong>页面 社会化 分享功能</strong></h2> <table> <thead> <tr> <th>页面 社会化 分享功能</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>百度分享</td> <td><a href="/misc/goto?guid=4959719468422376199" rel="external">http://share.baidu.com</a> pc端</td> </tr> <tr> <td>JiaThis</td> <td><a href="/misc/goto?guid=4959719468513801224" rel="external">http://jiathis.com</a> pc端</td> </tr> <tr> <td>社会化分享组件</td> <td><a href="/misc/goto?guid=4959719468606918923" rel="external">http://developer.baidu.com/soc/share</a> 移动端</td> </tr> <tr> <td>ShareSDK 轻松实现社会化功能</td> <td><a href="/misc/goto?guid=4959644967132490820" rel="external">http://www.mob.com/#/index</a> 移动端</td> </tr> <tr> <td>友盟分享</td> <td><a href="/misc/goto?guid=4959719468727616659" rel="external">http://dev.umeng.com/social/android/quick-integration</a> 移动端</td> </tr> </tbody> </table> <h2><strong>富文本编辑器</strong></h2> <table> <thead> <tr> <th>富文本编辑器</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>功能齐全 tinymce</td> <td><a href="/misc/goto?guid=4958984614096061122" rel="external">https://www.tinymce.com</a></td> </tr> <tr> <td>百度 ueditor</td> <td><a href="/misc/goto?guid=4959719468858549657" rel="external">http://ueditor.baidu.com/website</a></td> </tr> <tr> <td>经典的ckeditor</td> <td><a href="/misc/goto?guid=4958184329508074004" rel="external">http://ckeditor.com</a></td> </tr> <tr> <td>经典的kindeditor</td> <td><a href="/misc/goto?guid=4958853181098716092" rel="external">http://kindeditor.net</a></td> </tr> <tr> <td>wysiwyg</td> <td><a href="/misc/goto?guid=4959719469004034057" rel="external">http://www.bootcss.com/p/bootstrap-wysiwyg</a></td> </tr> <tr> <td>一个有情怀的编辑器。Bach’s Editor</td> <td><a href="/misc/goto?guid=4959719469099091589" rel="external">http://integ.github.io/BachEditor</a></td> </tr> <tr> <td>tower用的编辑器</td> <td><a href="/misc/goto?guid=4958862004701735353" rel="external">https://github.com/mycolorway/simditor</a></td> </tr> <tr> <td>summernote 编辑器</td> <td><a href="/misc/goto?guid=4959717904953561998" rel="external">https://github.com/summernote/summernote</a></td> </tr> <tr> <td>html5编辑器</td> <td><a href="/misc/goto?guid=4959719469262438474" rel="external">http://neilj.github.io/Squire</a></td> </tr> <tr> <td>Quilljs编辑器</td> <td><a href="/misc/goto?guid=4958834757303185984" rel="external">http://quilljs.com</a></td> </tr> <tr> <td>XEditor</td> <td><a href="/misc/goto?guid=4959719469384986341" rel="external">http://lab.hustlzp.com/XEditor</a></td> </tr> <tr> <td>wangEditor</td> <td><a href="/misc/goto?guid=4958960400027696835" rel="external">https://github.com/wangfupeng1988/wangEditor</a></td> </tr> </tbody> </table> <h2><strong>前端概述</strong></h2> <table> <thead> <tr> <th>前端概述</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>前端工具大全</td> <td><a href="/misc/goto?guid=4959645080892290849" rel="external">http://www.awesomes.cn</a></td> </tr> <tr> <td>什么是前端工程化</td> <td><a href="https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#" rel="external">https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#</a></td> </tr> <tr> <td>[译] 前端攻略-从路人甲到英雄无敌</td> <td><a href="/misc/goto?guid=4959675579742997501" rel="external">https://segmentfault.com/a/1190000005174755</a></td> </tr> </tbody> </table> <h2><strong>Gulp</strong></h2> <table> <thead> <tr> <th>Gulp</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Gulp官网</td> <td><a href="/misc/goto?guid=4958825205695716034" rel="external">http://gulpjs.com</a></td> </tr> <tr> <td>Gulp中文网</td> <td><a href="/misc/goto?guid=4959639629230980790" rel="external">http://www.gulpjs.com.cn</a></td> </tr> <tr> <td>gulp资料收集</td> <td><a href="/misc/goto?guid=4959645433517967066" rel="external">https://github.com/Platform-CUF/use-gulp</a></td> </tr> <tr> <td>Gulp：任务自动管理工具 - ruanyifeng</td> <td><a href="/misc/goto?guid=4959659947615720919" rel="external">http://javascript.ruanyifeng.com/tool/gulp.html</a></td> </tr> <tr> <td>Gulp插件</td> <td><a href="/misc/goto?guid=4959653531599477621" rel="external">http://gulpjs.com/plugins</a></td> </tr> <tr> <td>Gulp探究折腾之路(I)</td> <td><a href="/misc/goto?guid=4959719469801448468">http://www.jeffjade.com/2015/11/25/2015-11-25-toss-gulp/</a></td> </tr> <tr> <td>Gulp折腾之路(II)</td> <td><a href="/misc/goto?guid=4959657926465267164">http://www.jeffjade.com/2016/01/19/2016-01-19-toss-gulp/</a></td> </tr> <tr> <td>Gulp不完全入门教程</td> <td><a href="/misc/goto?guid=4959719469924042762" rel="external">http://www.ido321.com/1622.html</a></td> </tr> <tr> <td>为什么使用gulp?</td> <td><a href="/misc/goto?guid=4959719470016829413" rel="external">https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33</a></td> </tr> <tr> <td>Gulp安装及配合组件构建前端开发一体化</td> <td><a href="/misc/goto?guid=4959719470109748808" rel="external">http://www.dbpoo.com/getting-started-with-gulp</a></td> </tr> <tr> <td>Gulp 入门指南</td> <td><a href="/misc/goto?guid=4959645085822284192" rel="external">https://github.com/nimojs/gulp-book</a></td> </tr> <tr> <td>Gulp 入门指南 - nimojs</td> <td><a href="/misc/goto?guid=4959719470225208440" rel="external">https://github.com/nimojs/blog/issues/19</a></td> </tr> <tr> <td>Gulp in Action</td> <td><a href="/misc/goto?guid=4959719470327958019" rel="external">http://www.imooc.com/video/5692</a></td> </tr> <tr> <td>Gulp开发教程（翻译）</td> <td><a href="/misc/goto?guid=4959644457041585424" rel="external">http://www.w3ctech.com/topic/134</a></td> </tr> <tr> <td>前端构建工具gulpjs的使用介绍及技巧</td> <td><a href="/misc/goto?guid=4959642517213396876" rel="external">http://www.cnblogs.com/2050/p/4198792.html</a></td> </tr> </tbody> </table> <h2><strong>Grunt</strong></h2> <table> <thead> <tr> <th>Grunt</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>gruntjs</td> <td><a href="/misc/goto?guid=4958524645657745150" rel="external">http://gruntjs.com</a></td> </tr> <tr> <td>Grunt中文网</td> <td><a href="/misc/goto?guid=4958978579255651724" rel="external">http://www.gruntjs.net</a></td> </tr> </tbody> </table> <h2><strong>Fis</strong></h2> <table> <thead> <tr> <th>Fis</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>fis 官网</td> <td><a href="/misc/goto?guid=4959643112847689251" rel="external">http://fex-team.github.io/fis-site/index.html</a></td> </tr> <tr> <td>fis</td> <td><a href="/misc/goto?guid=4958964230648646690" rel="external">http://fis.baidu.com</a></td> </tr> </tbody> </table> <h2><strong>pc图轮</strong></h2> <table> <thead> <tr> <th>pc图轮</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>单屏轮播sochange</td> <td><a href="/misc/goto?guid=4959719470602234772" rel="external">http://www.jsfoot.com/jquery/demo/2011-09-20/192.html</a></td> </tr> <tr> <td>左右按钮多图切换</td> <td><a href="/misc/goto?guid=4958835596520429824" rel="external">http://bxslider.com/examples/carousel-demystified</a></td> </tr> <tr> <td>fullpage全屏轮播</td> <td><a href="/misc/goto?guid=4958825073205668800" rel="external">https://github.com/alvarotrigo/fullPage.js</a></td> </tr> </tbody> </table> <h2><strong>移动端图轮</strong></h2> <table> <thead> <tr> <th>移动端图轮</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>滑屏效果</td> <td><a href="/misc/goto?guid=4959719470749512277" rel="external">http://www.idangero.us/swiper</a></td> </tr> <tr> <td>全屏fullpage</td> <td><a href="/misc/goto?guid=4959670285661728555" rel="external">https://github.com/peunzhang/fullpage</a></td> </tr> <tr> <td>单个图片切换</td> <td><a href="/misc/goto?guid=4959719470877015271" rel="external">https://github.com/qiqiboy/touchslider</a></td> </tr> <tr> <td>单个全屏切换</td> <td><a href="/misc/goto?guid=4959670285490015892" rel="external">https://github.com/peunzhang/slip.js</a></td> </tr> <tr> <td>百度的切换库</td> <td><a href="/misc/goto?guid=4959719470990953653" rel="external">http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group</a></td> </tr> <tr> <td>单个全屏切换</td> <td><a href="/misc/goto?guid=4959670285577177386" rel="external">https://github.com/peunzhang/iSlider</a></td> </tr> <tr> <td>滑屏效果</td> <td><a href="/misc/goto?guid=4959719471116906807" rel="external">https://github.com/saw/touch-interfaces</a></td> </tr> <tr> <td>旋转拖动设置</td> <td><a href="/misc/goto?guid=4959719471212650072" rel="external">http://baijs.com/tinycircleslider</a></td> </tr> <tr> <td>类似于swipe切换</td> <td><a href="/misc/goto?guid=4959719471305236791" rel="external">http://touchslider.com</a></td> </tr> <tr> <td>支持多种形式的触摸滑动</td> <td><a href="/misc/goto?guid=4959719471399179068" rel="external">http://www.swiper.com.cn/demo/index.html</a></td> </tr> <tr> <td>滑屏效果</td> <td><a href="/misc/goto?guid=4959719471490548316" rel="external">https://github.com/joker-ye/main/blob/master/wap/index.html</a></td> </tr> <tr> <td>大话主席pc移动图片轮换</td> <td><a href="/misc/goto?guid=4959719467372104210" rel="external">http://www.superslide2.com</a></td> </tr> <tr> <td>滑屏效果</td> <td><a href="/misc/goto?guid=4959719471586864990" rel="external">https://github.com/hahnzhu/parallax.js</a></td> </tr> <tr> <td>基于zepto的fullpage</td> <td><a href="/misc/goto?guid=4958875405207397729" rel="external">https://github.com/yanhaijing/zepto.fullpage</a></td> </tr> <tr> <td>[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应</td> <td><a href="/misc/goto?guid=4959719471707616031" rel="external">http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html</a></td> </tr> <tr> <td>判断微信客户端的那些坑</td> <td><a href="/misc/goto?guid=4959719471794938089" rel="external">http://loo2k.com/blog/detecting-wechat-client</a></td> </tr> <tr> <td>可以通过javascript直接调用原生分享的工具</td> <td><a href="/misc/goto?guid=4959719471886140009" rel="external">https://github.com/JefferyWang/nativeShare.js</a></td> </tr> <tr> <td>JiaThis 分享到微信代码</td> <td><a href="/misc/goto?guid=4959719471967010723" rel="external">http://www.jiathis.com/help/html/weixin-share-code</a></td> </tr> <tr> <td>聊聊移动端跨平台开发的各种技术</td> <td><a href="/misc/goto?guid=4959719472056351454" rel="external">http://fex.baidu.com/blog/2015/05/cross-mobile</a></td> </tr> <tr> <td>前端自动化测试</td> <td><a href="/misc/goto?guid=4959719472147627661" rel="external">http://www.zhihu.com/question/29922082</a></td> </tr> <tr> <td>多种轮换图片</td> <td><a href="/misc/goto?guid=4959719472225855935" rel="external">http://ajccom.github.io/niceslider</a></td> </tr> <tr> <td>滑动侧边栏</td> <td><a href="/misc/goto?guid=4959719472314751877" rel="external">https://mango.github.io/slideout</a></td> </tr> </tbody> </table> <h2><strong>文件上传</strong></h2> <table> <thead> <tr> <th>文件上传</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>百度上传组件</td> <td><a href="/misc/goto?guid=4959671456467984793" rel="external">http://fex.baidu.com/webuploader</a></td> </tr> <tr> <td>上传</td> <td><a href="/misc/goto?guid=4959719472426446729" rel="external">https://blueimp.github.io/jQuery-File-Upload</a></td> </tr> <tr> <td>flash 头像上传</td> <td><a href="/misc/goto?guid=4959719472516039287" rel="external">http://www.hdfu.net</a></td> </tr> <tr> <td>图片上传预览</td> <td><a href="/misc/goto?guid=4958537369063921958" rel="external">http://www.dropzonejs.com</a></td> </tr> <tr> <td>图片裁剪</td> <td><a href="/misc/goto?guid=4959719472633750336" rel="external">http://elemefe.github.io/image-cropper</a></td> </tr> <tr> <td>图片裁剪-shearphoto</td> <td><a href="/misc/goto?guid=4959719472713641153" rel="external">http://www.shearphoto.com</a></td> </tr> <tr> <td>jQuery图片处理</td> <td><a href="http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2" rel="external">http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2</a></td> </tr> </tbody> </table> <h2><strong>模拟select</strong></h2> <table> <thead> <tr> <th>模拟select</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>糖饼 select</td> <td><a href="/misc/goto?guid=4959719472883186191" rel="external">http://aui.github.io/popupjs/doc/selectbox.html</a></td> </tr> <tr> <td>flexselect</td> <td><a href="/misc/goto?guid=4958879439209279829" rel="external">https://github.com/rmm5t/jquery-flexselect</a></td> </tr> <tr> <td>双select</td> <td><a href="/misc/goto?guid=4959719472989749100" rel="external">http://loudev.com</a></td> </tr> <tr> <td>select2</td> <td><a href="/misc/goto?guid=4959719473076572179" rel="external">http://select2.github.io</a></td> </tr> </tbody> </table> <h2><strong>取色插件</strong></h2> <table> <thead> <tr> <th>取色插件</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>类似 Photoshop 的界面取色插件</td> <td><a href="/misc/goto?guid=4959719473160669051" rel="external">http://www.jq22.com/plugin/367</a></td> </tr> <tr> <td>jquery color</td> <td><a href="/misc/goto?guid=4959719473245930753" rel="external">https://github.com/jquery/jquery-color</a></td> </tr> <tr> <td>取色插件集合</td> <td><a href="/misc/goto?guid=4959719473325186189" rel="external">http://www.oschina.net/project/tag/287/color-picker</a></td> </tr> <tr> <td>farbtastic 圆环＋正方形</td> <td><a href="/misc/goto?guid=4959719473407892223" rel="external">https://github.com/mattfarina/farbtastic</a></td> </tr> </tbody> </table> <h2><strong>城市联动</strong></h2> <table> <thead> <tr> <th>城市联动</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果</td> <td><a href="/misc/goto?guid=4959719473491798414" rel="external">http://www.ijquery.cn/?p=360</a></td> </tr> </tbody> </table> <h2><strong>剪贴板</strong></h2> <table> <thead> <tr> <th>剪贴板</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>剪贴板</td> <td><a href="/misc/goto?guid=4958829957687561964" rel="external">https://github.com/zeroclipboard/zeroclipboard</a></td> </tr> <tr> <td>clipboard 最新的剪切方案</td> <td><a href="/misc/goto?guid=4959719473613718228" rel="external">http://zenorocha.github.io/clipboard.js</a></td> </tr> <tr> <td>不是Flash的剪贴板</td> <td><a href="/misc/goto?guid=4958976764756243199" rel="external">https://github.com/zenorocha/clipboard.js</a></td> </tr> </tbody> </table> <h2><strong>简繁转换</strong></h2> <table> <thead> <tr> <th>简繁转换</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>简繁转换</td> <td><a href="/misc/goto?guid=4959638179305516617" rel="external">https://github.com/BYVoid/OpenCC</a></td> </tr> </tbody> </table> <h2><strong>表格 Grid</strong></h2> <table> <thead> <tr> <th>表格 Grid</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>非死book表格</td> <td><a href="/misc/goto?guid=4959719473757949762" rel="external">http://非死book.github.io/fixed-data-table</a></td> </tr> <tr> <td>类似于Excel编辑表格-handsontable</td> <td><a href="/misc/goto?guid=4959627129699955576" rel="external">http://handsontable.com</a></td> </tr> <tr> <td>bootstrap-table插件</td> <td><a href="/misc/goto?guid=4959719473869121764" rel="external">http://bootstrap-table.wenzhixin.net.cn</a></td> </tr> <tr> <td>datatables</td> <td><a href="/misc/goto?guid=4959719473955603987" rel="external">https://www.datatables.net</a></td> </tr> </tbody> </table> <h2><strong>在线演示</strong></h2> <table> <thead> <tr> <th>在线演示</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>js 在线编辑 - runjs</td> <td><a href="/misc/goto?guid=4959719474042768633" rel="external">http://runjs.cn</a></td> </tr> <tr> <td>js 在线编辑 - jsbin</td> <td><a href="/misc/goto?guid=4958344670058898650" rel="external">http://jsbin.com</a></td> </tr> <tr> <td>js 在线编辑 - codepen</td> <td><a href="/misc/goto?guid=4958539547061522984" rel="external">http://codepen.io</a></td> </tr> <tr> <td>js 在线编辑 - jsfiddle</td> <td><a href="/misc/goto?guid=4958187755802852921" rel="external">http://jsfiddle.net</a></td> </tr> <tr> <td>java 在线编辑 - runjs</td> <td><a href="/misc/goto?guid=4958524702959188258" rel="external">http://ideone.com</a></td> </tr> <tr> <td>js 在线编辑 - hcharts</td> <td><a href="/misc/goto?guid=4959719474222844956" rel="external">http://code.hcharts.cn</a></td> </tr> <tr> <td>js 在线编辑 - jsdm</td> <td><a href="/misc/goto?guid=4959719474302844336" rel="external">http://jsdm.com</a></td> </tr> <tr> <td>sql 在线编辑 - sqlfiddle</td> <td><a href="/misc/goto?guid=4958831501803920101" rel="external">http://sqlfiddle.com</a></td> </tr> <tr> <td>mozilla 在线编辑器</td> <td><a href="/misc/goto?guid=4959719474419252051" rel="external">https://thimble.mozilla.org</a></td> </tr> </tbody> </table> <h2><strong>常规优化</strong></h2> <table> <thead> <tr> <th>常规优化</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Javascript高性能动画与页面渲染</td> <td><a href="/misc/goto?guid=4959626377211648347" rel="external">http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering</a></td> </tr> <tr> <td>移动H5前端性能优化指南</td> <td><a href="/misc/goto?guid=4959625343448110761" rel="external">http://isux.tencent.com/h5-performance.html</a></td> </tr> <tr> <td>5173首页前端性能优化实践</td> <td><a href="/misc/goto?guid=4959719474558338740" rel="external">http://ued.5173.com/?p=1731</a></td> </tr> <tr> <td>给网页设计师和前端开发者看的前端性能优化</td> <td><a href="/misc/goto?guid=4959719474641516442" rel="external">http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers</a></td> </tr> <tr> <td>复杂应用的 CSS 性能分析和优化建议</td> <td><a href="/misc/goto?guid=4959719474725025463" rel="external">http://www.orzpoint.com/profiling-css-and-optimization-notes</a></td> </tr> <tr> <td>张鑫旭——前端性能</td> <td><a href="/misc/goto?guid=4959719474815785260" rel="external">张鑫旭——前端性能</a></td> </tr> <tr> <td>前端性能监控总结</td> <td><a href="/misc/goto?guid=4959719474895437156" rel="external">http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html</a></td> </tr> <tr> <td>网站性能优化之CSS无图片技术</td> <td><a href="/misc/goto?guid=4959719474968179099" rel="external">网站性能优化之CSS无图片技术</a></td> </tr> <tr> <td>web前端性能优化进阶路</td> <td><a href="/misc/goto?guid=4959719475058578029" rel="external">web前端性能优化进阶路</a></td> </tr> <tr> <td>前端技术：网站性能优化之CSS无图片技术</td> <td><a href="/misc/goto?guid=4959719475145764468" rel="external">http://my.eoe.cn/tuwandou/archive/4544.html</a></td> </tr> <tr> <td>浏览器的加载与页面性能优化</td> <td><a href="/misc/goto?guid=4959719475221934139" rel="external">http://www.baiduux.com/blog/2011/02/15/browser-loading</a></td> </tr> <tr> <td>页面加载中的图片性能优化</td> <td><a href="/misc/goto?guid=4959719475314366199" rel="external">http://www.w3ctech.com/p/1503</a></td> </tr> <tr> <td>Hey——前端性能</td> <td><a href="/misc/goto?guid=4959719475394328447" rel="external">Hey——前端性能</a></td> </tr> <tr> <td>html优化</td> <td><a href="/misc/goto?guid=4959719475472225767" rel="external">html优化</a></td> </tr> <tr> <td>99css——性能</td> <td><a href="/misc/goto?guid=4959719475563698813" rel="external">99css——性能</a></td> </tr> <tr> <td>Yslow——性能优化</td> <td><a href="/misc/goto?guid=4959719475665986268" rel="external">http://www.yslow.net/category.php?cid=20</a></td> </tr> <tr> <td>YSLOW中文介绍</td> <td><a href="/misc/goto?guid=4959719475748592264" rel="external">http://www.cnblogs.com/yslow</a></td> </tr> <tr> <td>转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化</td> <td><a href="/misc/goto?guid=4959719475835393188" rel="external">http://www.360ito.com/article/40.html</a></td> </tr> <tr> <td>Yahoo!团队实践分享：网站性能</td> <td><a href="/misc/goto?guid=4959719475908663886" rel="external">http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml</a></td> </tr> <tr> <td>网站性能优化指南：什么使我们的网站变慢？</td> <td><a href="/misc/goto?guid=4959719475997277496" rel="external">http://blog.jiasule.com/i/153</a></td> </tr> <tr> <td>网站性能优化实践，减少加载时间，提高用户体验</td> <td><a href="/misc/goto?guid=4959719476079014566" rel="external">http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html</a></td> </tr> <tr> <td>浅谈网站性能优化 前端篇</td> <td><a href="/misc/goto?guid=4959719476159429655" rel="external">http://www.umtry.com/archives/747.html</a></td> </tr> <tr> <td>前端重构实践之如何对网站性能优化？</td> <td><a href="/misc/goto?guid=4959719476246337064" rel="external">http://www.adinnet.cn/blog/designview/2012-7-12/678.html</a></td> </tr> <tr> <td>前端性能优化：使用媒体查询加载指定大小的背景图片</td> <td><a href="/misc/goto?guid=4959719476449657078" rel="external">http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9</a></td> </tr> <tr> <td>网站性能系列博文</td> <td><a href="/misc/goto?guid=4959719476523687059" rel="external">http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html</a></td> </tr> <tr> <td>加载，不只是少一点点</td> <td><a href="/misc/goto?guid=4959719476605924231" rel="external">http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml</a></td> </tr> <tr> <td>前端性能的测试与优化</td> <td><a href="/misc/goto?guid=4959719476694381700" rel="external">http://mzhou.me/article/95310</a></td> </tr> <tr> <td>分享网页加载速度优化的一些技巧？</td> <td><a href="/misc/goto?guid=4959719476823181380" rel="external">http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading</a></td> </tr> <tr> <td>web前端优化(基于Yslow</td> <td><a href="/misc/goto?guid=4959719476909185632" rel="external">http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html</a></td> </tr> <tr> <td>网站性能优化工具大全</td> <td><a href="/misc/goto?guid=4959719476988515439" rel="external">https://www.qianduan.net/website-performance-optimization-tool.html</a></td> </tr> <tr> <td>【高性能前端1】高性能HTML</td> <td><a href="/misc/goto?guid=4959719477068585167" rel="external">http://www.alloyteam.com/2012/10/high-performance-html</a></td> </tr> <tr> <td>【高性能前端2】高性能CSS</td> <td><a href="/misc/goto?guid=4959719477147795010" rel="external">http://www.alloyteam.com/2012/10/high-performance-css</a></td> </tr> <tr> <td>由12306谈谈网站前端性能和后端性能优化</td> <td><a href="/misc/goto?guid=4958325832157320866" rel="external">http://coolshell.cn/articles/6470.html</a></td> </tr> <tr> <td>AlloyTeam——前端优化</td> <td><a href="/misc/goto?guid=4959719477255904287" rel="external">AlloyTeam——前端优化</a></td> </tr> <tr> <td>毫秒必争，前端网页性能最佳实践</td> <td><a href="/misc/goto?guid=4959719477331367597" rel="external">http://www.cnblogs.com/developersupport/p/3248695.html</a></td> </tr> <tr> <td>网站性能工具Yslow的使用方法</td> <td><a href="/misc/goto?guid=4959719477423952011" rel="external">http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html</a></td> </tr> <tr> <td>前端工程与性能优化（上）：静态资源版本更新与缓存</td> <td><a href="/misc/goto?guid=4959719477493368490" rel="external">http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1</a></td> </tr> <tr> <td>前端工程与性能优化（下）：静态资源管理与模板框架</td> <td><a href="/misc/goto?guid=4959719477582362097" rel="external">http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2</a></td> </tr> <tr> <td>HTTPS连接的前几毫秒发生了什么</td> <td><a href="/misc/goto?guid=4959719477652340339" rel="external">http://blog.jobbole.com/48369</a></td> </tr> <tr> <td>Yslow</td> <td><a href="/misc/goto?guid=4959719477741459891" rel="external">http://uicss.cn/yslow/#more-12319</a></td> </tr> <tr> <td>Essential Web Performance Metrics — A Primer, Part 1</td> <td><a href="/misc/goto?guid=4959719477812802377" rel="external">http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1</a></td> </tr> <tr> <td>Essential Web Performance Metrics — Part 2</td> <td><a href="/misc/goto?guid=4959719477908272056" rel="external">http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2</a></td> </tr> <tr> <td>YUISlide,针对移动设备的动画性能优化</td> <td><a href="/misc/goto?guid=4959719477982613418" rel="external">http://jayli.github.io/blog/data/2011/12/23/yuislide.html</a></td> </tr> <tr> <td>Improving Site Performance</td> <td><a href="/misc/goto?guid=4959719478066288841" rel="external">http://joelglovier.com/improving-site-performance</a></td> </tr> <tr> <td>让网站提速的最佳前端实践</td> <td><a href="/misc/goto?guid=4959719478148435024" rel="external">http://segmentfault.com/a/1190000000367899</a></td> </tr> <tr> <td>Why Website Speed is Important</td> <td><a href="/misc/goto?guid=4959719478236186262" rel="external">http://sixrevisions.com/web-development/why-website-speed-is-important</a></td> </tr> <tr> <td>Need for Speed – How to Improve your Website Performance</td> <td><a href="/misc/goto?guid=4959719478318849292" rel="external">https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance</a></td> </tr> <tr> <td>阿里无线前端性能优化指南 (Pt.1 加载期优化</td> <td><a href="/misc/goto?guid=4959639404033985363" rel="external">https://github.com/amfe/article/issues/1</a></td> </tr> </tbody> </table> <h2><strong>优化工具</strong></h2> <table> <thead> <tr> <th>优化工具</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>JavaScript 性能分析新工具 OneProfile</td> <td><a href="/misc/goto?guid=4959719478434129300" rel="external">http://www.html-js.com/article/3083</a></td> </tr> <tr> <td>JavaScript 堆内存分析新工具 OneHeap</td> <td><a href="/misc/goto?guid=4959719478517801284" rel="external">http://www.html-js.com/article/3091</a></td> </tr> </tbody> </table> <h2><strong>在线工具</strong></h2> <table> <thead> <tr> <th>在线工具</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>google在线工具</td> <td><a href="/misc/goto?guid=4958344494238853000" rel="external">https://developers.google.com/speed/pagespeed/insights</a></td> </tr> <tr> <td>阿里-免费测试服务</td> <td><a href="/misc/goto?guid=4959719478630577121" rel="external">http://itest.aliyun.com</a></td> </tr> <tr> <td>阿里-F2etest多浏览器兼容性测试解决方案</td> <td><a href="/misc/goto?guid=4959719478711608837" rel="external">https://github.com/alibaba/f2etest</a></td> </tr> <tr> <td>js性能测试</td> <td><a href="/misc/goto?guid=4958344666938267688" rel="external">http://jsperf.com</a></td> </tr> </tbody> </table> <h2><strong>前端架构</strong></h2> <table> <thead> <tr> <th>前端架构</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>技术架构</td> <td><a href="/misc/goto?guid=4959719478825891590" rel="external">http://www.zhihu.com/topic/19612641</a></td> </tr> <tr> <td>前端架构</td> <td><a href="/misc/goto?guid=4959719478911516703" rel="external">http://saito.im/note/The-Architecture-of-F2E</a></td> </tr> <tr> <td>如何成为前端架构师</td> <td><a href="/misc/goto?guid=4959719478994375721" rel="external">http://www.zhihu.com/question/24092572</a></td> </tr> <tr> <td>关于前端架构-张克军</td> <td><a href="/misc/goto?guid=4959719479082852393" rel="external">http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html</a></td> </tr> <tr> <td>百度腾讯offer比较（腾讯游戏VS百度基础架构）</td> <td><a href="/misc/goto?guid=4959719479168025115" rel="external">http://www.zhihu.com/question/25583350</a></td> </tr> </tbody> </table> <h2><strong>推荐作品</strong></h2> <table> <thead> <tr> <th>推荐作品</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>winter代码片段需要FQ</td> <td><a href="/misc/goto?guid=4959719479252710428" rel="external">https://gist.github.com/wintercn</a></td> </tr> <tr> <td>fgm</td> <td><a href="/misc/goto?guid=4959719479329364792" rel="external">http://www.fgm.cc/learn</a></td> </tr> <tr> <td>岑安作品集</td> <td><a href="/misc/goto?guid=4959719479415824367" rel="external">https://github.com/hongru/hongru.github.com</a></td> </tr> <tr> <td>当耐特demo集合</td> <td><a href="/misc/goto?guid=4959719479507820137" rel="external">http://kmdjs.github.io</a></td> </tr> <tr> <td>米空格 js作品</td> <td><a href="/misc/goto?guid=4959719479595442796" rel="external">http://www.laoshu133.com/Lab</a></td> </tr> <tr> <td>myFocus</td> <td><a href="/misc/goto?guid=4959719479674118109" rel="external">http://koen301.github.io</a></td> </tr> <tr> <td>SeaJS组件库</td> <td><a href="/misc/goto?guid=4959719479757578876" rel="external">http://panxuepeng.github.io/seajslib</a></td> </tr> <tr> <td>颜海镜作品</td> <td><a href="/misc/goto?guid=4959719479846255574" rel="external">http://yanhaijing.com/myProject</a></td> </tr> <tr> <td>脚儿网作品</td> <td><a href="/misc/goto?guid=4959719479930304288" rel="external">http://jo2.org/category/myworks</a></td> </tr> <tr> <td>javascript个人作品</td> <td><a href="/misc/goto?guid=4959719480012597924" rel="external">http://www.cnitblog.com/yemoo/category/3107.html</a></td> </tr> <tr> <td>妙味的雷东升游戏作品</td> <td><a href="http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790" rel="external">http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790</a></td> </tr> <tr> <td>javascript作品集</td> <td><a href="/misc/goto?guid=4959719480186153181" rel="external">http://bbs.csdn.net/topics/380227212</a></td> </tr> <tr> <td>云五笔，灰度产生生成工具</td> <td><a href="/misc/goto?guid=4959719480270974306" rel="external">https://github.com/TooBug/works</a></td> </tr> <tr> <td>项目主页</td> <td><a href="/misc/goto?guid=4959719479674118109" rel="external">http://koen301.github.io</a></td> </tr> <tr> <td>个性的作品主页</td> <td><a href="/misc/goto?guid=4959719480368292313" rel="external">http://zaole.net</a></td> </tr> <tr> <td>播放器</td> <td><a href="/misc/goto?guid=4959719480449111510" rel="external">http://static.tingall.com/v2/player</a></td> </tr> <tr> <td>ucren js demos 集</td> <td><a href="/misc/goto?guid=4959719480536510788" rel="external">http://ucren.com/blog/demos</a></td> </tr> <tr> <td>智能社</td> <td><a href="/misc/goto?guid=4959719480614197735" rel="external">http://www.zhinengshe.com/works_list.html</a></td> </tr> <tr> <td>实例陈列架</td> <td><a href="/misc/goto?guid=4959719480698458501" rel="external">http://demos.shizuwu.cn</a></td> </tr> <tr> <td>zoye demo</td> <td><a href="/misc/goto?guid=4959719480784286522" rel="external">http://zoye.sinaapp.com/demo</a></td> </tr> <tr> <td>王员外</td> <td><a href="/misc/goto?guid=4959719480870647693" rel="external">http://lab.yuanwai.wang</a></td> </tr> <tr> <td>平凡</td> <td><a href="/misc/goto?guid=4959719480946453797" rel="external">http://pingfan1990.sinaapp.com</a></td> </tr> <tr> <td>jyg 游戏案例</td> <td><a href="/misc/goto?guid=4959719481031020987" rel="external">http://www.lovewebgames.com</a></td> </tr> <tr> <td>很多jquery插件</td> <td><a href="/misc/goto?guid=4959719481100624527" rel="external">http://www.helloweba.com/list.html</a></td> </tr> <tr> <td>不羁虫 - soJs 作品系列</td> <td><a href="/misc/goto?guid=4959719481198148274" rel="external">http://www.bujichong.com/sojs/api/index.html</a></td> </tr> <tr> <td>frozenui</td> <td><a href="/misc/goto?guid=4959719481268158318" rel="external">http://frozenui.github.io/case.html</a></td> </tr> <tr> <td>黑白棋</td> <td><a href="/misc/goto?guid=4959719481355022153" rel="external">http://js-game.github.io/othello</a></td> </tr> <tr> <td>fromone</td> <td><a href="/misc/goto?guid=4959719481438419087" rel="external">http://yansm.github.io/fromone/index.html</a></td> </tr> <tr> <td>pazguille</td> <td><a href="/misc/goto?guid=4959719481512188553" rel="external">http://pazguille.me</a></td> </tr> <tr> <td>Html5 VideoPlayer</td> <td><a href="/misc/goto?guid=4959719481599645757" rel="external">https://github.com/zmmbreeze/DeadSimpleVideoPlayer</a></td> </tr> <tr> <td>Proton 烟花</td> <td><a href="/misc/goto?guid=4959719481678207601" rel="external">http://a-jie.github.io/Proton/#example</a></td> </tr> </tbody> </table> <h2><strong>简历模板</strong></h2> <table> <thead> <tr> <th>简历模板</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>简历</td> <td><a href="/misc/goto?guid=4959719481760172561" rel="external">http://hcy2367.github.io/resume</a></td> </tr> <tr> <td>张伦</td> <td><a href="/misc/goto?guid=4959719481837905638" rel="external">http://ncuey.sinaapp.com/CrispElite/</a></td> </tr> <tr> <td>简历</td> <td><a href="/misc/goto?guid=4959719481922926801" rel="external">https://github.com/hacke2/ResumeSample</a></td> </tr> <tr> <td>马斯特</td> <td><a href="/misc/goto?guid=4959719482006339454" rel="external">http://pinkyjie.com/resume</a></td> </tr> <tr> <td>张秋怡</td> <td><a href="/misc/goto?guid=4959719482084648302" rel="external">https://joyeecheung.github.io/resume/</a></td> </tr> <tr> <td>翁天信</td> <td><a href="/misc/goto?guid=4959719482172940459" rel="external">http://blog.dandyweng.com/2013/07/how-my-website-was-created</a></td> </tr> <tr> <td>动画方式的简历</td> <td><a href="/misc/goto?guid=4959650088896979247" rel="external">http://www.webhek.com/misc/interactive-resume</a></td> </tr> <tr> <td>组件丰富简历</td> <td><a href="/misc/goto?guid=4959719482287281476" rel="external">http://www.linqing07.com/resume.html</a></td> </tr> <tr> <td>haorooms博客</td> <td><a href="/misc/goto?guid=4959719482370098608" rel="external">http://www.haorooms.com/about</a></td> </tr> </tbody> </table> <h2>面试题</h2> <table> <thead> <tr> <th>面试题</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>那几个月在找工作（百度，网易游戏）</td> <td><a href="/misc/goto?guid=4959719482441731815" rel="external">http://www.nowcoder.com/discuss/3196</a></td> </tr> <tr> <td>2014最新面试题</td> <td><a href="/misc/goto?guid=4959719482525835482" rel="external">http://www.html-js.com/article/1743</a></td> </tr> <tr> <td>2016校招内推 – 阿里巴巴前端 – 三面面试经历</td> <td><a href="/misc/goto?guid=4959719482615947375" rel="external">http://www.cnblogs.com/imwtr/p/4685546.html</a></td> </tr> <tr> <td>年后跳槽那点事：乐视+金山+360面试之行</td> <td><a href="/misc/goto?guid=4959719482694447243" rel="external">http://www.cnblogs.com/lvdabao/p/3660707.html</a></td> </tr> <tr> <td>Interviewing a front-end developer</td> <td><a href="/misc/goto?guid=4959625318054348776" rel="external">http://blog.sourcing.io/interview-questions</a></td> </tr> <tr> <td>拉勾网js面试题</td> <td><a href="/misc/goto?guid=4959719482804440091" rel="external">http://www.cnblogs.com/52cik/p/js-question-lg.html</a></td> </tr> <tr> <td>前端面试</td> <td><a href="/misc/goto?guid=4959719482888548764" rel="external">http://www.cnblogs.com/allenxing/p/3724382.html</a></td> </tr> <tr> <td>Web开发笔试面试题 大全</td> <td><a href="/misc/goto?guid=4959719482976292967" rel="external">http://mianshiti.diandian.com</a></td> </tr> <tr> <td>前端开发面试题</td> <td><a href="/misc/goto?guid=4959719483048470381" rel="external">http://segmentfault.com/a/1190000000465431</a></td> </tr> <tr> <td>2014最新前端面试题</td> <td><a href="/misc/goto?guid=4959719483137104920" rel="external">https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions</a></td> </tr> <tr> <td>百度面试</td> <td><a href="/misc/goto?guid=4959719483216378557" rel="external">https://github.com/fex-team/interview-questions</a></td> </tr> <tr> <td>面试题</td> <td><a href="http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177" rel="external">http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177</a></td> </tr> <tr> <td>前端工作面试问题</td> <td><a href="/misc/goto?guid=4959719483376653111" rel="external">https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese</a></td> </tr> <tr> <td>前端开发面试题</td> <td><a href="/misc/goto?guid=4959719483048470381" rel="external">http://segmentfault.com/a/1190000000465431</a></td> </tr> <tr> <td>5个经典的前端面试问题</td> <td><a href="/misc/goto?guid=4959719483464987942" rel="external">5个经典的前端面试问题</a></td> </tr> <tr> <td>最全前端面试问题及答案总结</td> <td><a href="/misc/goto?guid=4959719483550419502" rel="external">http://segmentfault.com/a/1190000002562454</a></td> </tr> <tr> <td>如何面试一名前端开发工程师？</td> <td><a href="/misc/goto?guid=4959719483632781688" rel="external">http://www.html-js.com/article/Large-search-front-team-column%202961</a></td> </tr> <tr> <td>史上最全 前端开发面试问题及答案整理</td> <td><a href="/misc/goto?guid=4958875403417677784" rel="external">https://github.com/hawx1993/Front-end-Interview-questions</a></td> </tr> <tr> <td>前端实习生面试总结</td> <td><a href="/misc/goto?guid=4959719483749726692" rel="external">http://www.cnblogs.com/xiaoruo/p/4665163.html</a></td> </tr> <tr> <td>史上最全 前端开发面试问题及答案整理</td> <td><a href="/misc/goto?guid=4958875403417677784" rel="external">https://github.com/hawx1993/Front-end-Interview-questions</a></td> </tr> <tr> <td>BAT及各大互联网公司2014前端笔试面试题：JavaScript篇</td> <td><a href="/misc/goto?guid=4959719483835534583" rel="external">http://blog.jobbole.com/78738</a></td> </tr> <tr> <td>前端开发面试题大收集</td> <td><a href="/misc/goto?guid=4959629560171328161" rel="external">https://github.com/paddingme/Front-end-Web-Development-Interview-Question</a></td> </tr> <tr> <td>收集的前端面试题和答案</td> <td><a href="/misc/goto?guid=4959648274521371954" rel="external">https://github.com/qiu-deqing/FE-interview</a></td> </tr> <tr> <td>如何面试前端工程师</td> <td><a href="/misc/goto?guid=4959719483973391704" rel="external">http://www.zhihu.com/question/19568008</a></td> </tr> <tr> <td>前端开发面试题</td> <td><a href="/misc/goto?guid=4959719484056154934" rel="external">https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md</a></td> </tr> <tr> <td>牛客网-笔试面经</td> <td><a href="/misc/goto?guid=4959719484138053518" rel="external">http://www.nowcoder.com/discuss?type=2</a></td> </tr> </tbody> </table> <h2><strong>iconfont</strong></h2> <table> <thead> <tr> <th>iconfont</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>中文字体</td> <td><a href="/misc/goto?guid=4959719484217759778" rel="external">http://www.zhihu.com/question/21253343</a></td> </tr> <tr> <td>淘宝字库</td> <td><a href="/misc/goto?guid=4959670864014220795" rel="external">http://iconfont.cn</a></td> </tr> <tr> <td>字体</td> <td><a href="/misc/goto?guid=4959719484335725709" rel="external">http://mux.alimama.com/fonts</a></td> </tr> <tr> <td>制作教程</td> <td><a href="/misc/goto?guid=4959719484404864160" rel="external">http://iconfont.cn/help/platform.html</a></td> </tr> <tr> <td>zhangxinxu-icommon</td> <td><a href="/misc/goto?guid=4959719484492739036" rel="external">http://www.zhangxinxu.com/wordpress/?s=icomoon</a></td> </tr> <tr> <td>icommon</td> <td><a href="/misc/goto?guid=4959719484580048599" rel="external">https://icomoon.io/app</a></td> </tr> <tr> <td>用字体在网页中画ICON图标(推荐教程</td> <td><a href="/misc/goto?guid=4959719484661824843" rel="external">http://imooc.com/learn/243</a></td> </tr> <tr> <td>字体压缩工具</td> <td><a href="/misc/goto?guid=4959719484734434253" rel="external">http://font-spider.org</a></td> </tr> </tbody> </table> <h2><strong>Fiddler</strong></h2> <table> <thead> <tr> <th>Fiddler</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Fiddler调式使用知多少(一深入研究</td> <td><a href="/misc/goto?guid=4959719484817778712" rel="external">http://www.cnblogs.com/tugenhua0707/p/4623317.html</a></td> </tr> <tr> <td>微信fiddle</td> <td><a href="/misc/goto?guid=4959719484904042886" rel="external">http://www.cnblogs.com/strick/p/4570006.html</a></td> </tr> <tr> <td>微信fiddle</td> <td><a href="/misc/goto?guid=4959719484987500691" rel="external">http://gaoboy.com/article/26.html</a></td> </tr> </tbody> </table> <h2><strong>Chrome</strong></h2> <table> <thead> <tr> <th>Chrome</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Google Chrome 官方</td> <td><a href="/misc/goto?guid=4959637675583151052" rel="external">https://developer.chrome.com/devtools</a></td> </tr> <tr> <td>Chrome - 基础</td> <td><a href="/misc/goto?guid=4959637600490968453" rel="external">http://www.cnblogs.com/constantince/p/4565261.html</a></td> </tr> <tr> <td>Chrome - 进阶</td> <td><a href="/misc/goto?guid=4959637610023876873" rel="external">http://www.cnblogs.com/constantince/p/4579121.html</a></td> </tr> <tr> <td>Chrome - 性能</td> <td><a href="/misc/goto?guid=4959637616082977643" rel="external">http://www.cnblogs.com/constantince/p/4585983.html</a></td> </tr> <tr> <td>Chrome - 性能进阶</td> <td><a href="/misc/goto?guid=4959719485184214012" rel="external">http://www.cnblogs.com/constantince/p/4607497.html</a></td> </tr> <tr> <td>Chrome - 移动</td> <td><a href="/misc/goto?guid=4959719485251531715" rel="external">http://www.cnblogs.com/constantince/p/4624241.html</a></td> </tr> <tr> <td>Chrome - 使用技巧</td> <td><a href="/misc/goto?guid=4959719485341450513" rel="external">http://www.cnblogs.com/liyunhua/p/4544738.html</a></td> </tr> <tr> <td>Chrome - Console控制台不完全指南</td> <td><a href="/misc/goto?guid=4959623940749564482" rel="external">http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html</a></td> </tr> <tr> <td>Chrome - Workspace使浏览器变成IDE</td> <td><a href="/misc/goto?guid=4959719485448784876" rel="external">http://c7sky.com/chrome-devtools-workspace.html</a></td> </tr> <tr> <td>network面板</td> <td><a href="/misc/goto?guid=4959719485532086995" rel="external">http://www.html-js.com/article/Nothing-blind%202975</a></td> </tr> <tr> <td>chrome开发工具快捷键</td> <td><a href="/misc/goto?guid=4959719485611656848" rel="external">http://anti-code.com/devtools-cheatsheet</a></td> </tr> <tr> <td>chrome调试工具常用功能整理</td> <td><a href="/misc/goto?guid=4959719485693031092" rel="external">http://www.html-js.com/article/2327</a></td> </tr> <tr> <td>Chrome 开发工具 Workspace 使用</td> <td><a href="/misc/goto?guid=4959719485777593268" rel="external">http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace</a></td> </tr> <tr> <td>Chrome神器Vimium快捷键学习记录</td> <td><a href="/misc/goto?guid=4959719485857120149" rel="external">http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html</a></td> </tr> <tr> <td>sass调试-w3cplus</td> <td><a href="/misc/goto?guid=4959719485931821235" rel="external">http://www.w3cplus.com/sassguide/debug.html</a></td> </tr> <tr> <td>如何更专业的使用Chrome开发者工具-w3cplus</td> <td><a href="/misc/goto?guid=4958979020761425722" rel="external">http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html</a></td> </tr> <tr> <td>chrome调试canvas</td> <td><a href="/misc/goto?guid=4959719486047855979" rel="external">http://sentsin.com/web/253.html</a></td> </tr> <tr> <td>chrome profiles1</td> <td><a href="/misc/goto?guid=4959623797355519918" rel="external">https://developer.chrome.com/devtools/index</a></td> </tr> <tr> <td>chrome profiles2</td> <td><a href="/misc/goto?guid=4959719486149637198" rel="external">http://h5dev.uc.cn/article-25-1.html</a></td> </tr> <tr> <td>chrome profiles3</td> <td><a href="/misc/goto?guid=4959719486233574073" rel="external">http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles</a></td> </tr> <tr> <td>chrome移动版调试</td> <td><a href="/misc/goto?guid=4959719486322613801" rel="external">https://developer.chrome.com/devtools/docs/mobile-emulation</a></td> </tr> <tr> <td>chrome调试</td> <td><a href="/misc/goto?guid=4959719486399099824" rel="external">http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool</a></td> </tr> <tr> <td>chrome的调试</td> <td><a href="/misc/goto?guid=4958188001036857106" rel="external">http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html</a></td> </tr> <tr> <td>chrome console 命令详解</td> <td><a href="/misc/goto?guid=4958870279267292122" rel="external">https://developer.chrome.com/devtools/docs/commandline-api</a></td> </tr> <tr> <td>查看事件绑定1</td> <td><a href="/misc/goto?guid=4959719486538349913" rel="external">http://www.cnblogs.com/leonkao/p/3809655.html</a></td> </tr> <tr> <td>查看事件绑定2</td> <td><a href="/misc/goto?guid=4959719486620559410" rel="external">http://www.cnblogs.com/xiaoyao2011/p/3447421.html</a></td> </tr> <tr> <td>神器——Chrome开发者工具(一</td> <td><a href="/misc/goto?guid=4959719486695313800" rel="external">http://segmentfault.com/a/1190000000683599</a></td> </tr> <tr> <td>奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍</td> <td><a href="/misc/goto?guid=4959719486781925988" rel="external">https://xinranliu.me/2015-05-22-qiqu-performance</a></td> </tr> <tr> <td>chrome 开发者工具的 15 个小技巧</td> <td><a href="/misc/goto?guid=4959719486863252014" rel="external">http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html</a></td> </tr> <tr> <td>Chrome开发者工具不完全指南</td> <td><a href="/misc/goto?guid=4959719486939191234" rel="external">http://1ke.co/course/361</a></td> </tr> <tr> <td>Chrome 开发者工具使用技巧</td> <td><a href="/misc/goto?guid=4959719487029760511" rel="external">http://segmentfault.com/a/1190000003882567</a></td> </tr> </tbody> </table> <h2><strong>Firebug</strong></h2> <table> <thead> <tr> <th>Firebug</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>firebug视频教程</td> <td><a href="/misc/goto?guid=4959719487109719017" rel="external">http://www.imooc.com/learn/137</a></td> </tr> <tr> <td>firefox 模拟器</td> <td><a href="/misc/goto?guid=4959719487195032075" rel="external">https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE</a></td> </tr> <tr> <td>console.log 命令详解</td> <td><a href="/misc/goto?guid=4959619407090713370" rel="external">http://www.cnblogs.com/ctriphire/p/4116207.html</a></td> </tr> <tr> <td>Firebug入门指南</td> <td><a href="/misc/goto?guid=4959719487302618416" rel="external">http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html</a></td> </tr> <tr> <td>Firebug控制台详解</td> <td><a href="/misc/goto?guid=4959546476349948689" rel="external">http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html</a></td> </tr> </tbody> </table> <h2><strong>移动,微信调试</strong></h2> <table> <thead> <tr> <th>移动,微信调试</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>浏览器端调试安卓</td> <td><a href="/misc/goto?guid=4959640358858036137" rel="external">https://openstf.github.io</a></td> </tr> <tr> <td>移动端前端开发调试</td> <td><a href="/misc/goto?guid=4959719487439233350" rel="external">http://yujiangshui.com/multidevice-frontend-debug</a></td> </tr> <tr> <td>使用 Chrome 远程调试 Android 设备</td> <td><a href="/misc/goto?guid=4959622516179390062" rel="external">https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md</a></td> </tr> <tr> <td>mac移动端调试</td> <td><a href="/misc/goto?guid=4959719487551287915" rel="external">http://plus.uc.cn/document/webapp/doc5.html</a></td> </tr> <tr> <td>mac移动端调试</td> <td><a href="/misc/goto?guid=4959617466697570109" rel="external">http://www.mihtool.com</a></td> </tr> <tr> <td>无线调试攻略</td> <td><a href="/misc/goto?guid=4959719487662660180" rel="external">http://thx.github.io/mobile/debugging-in-mobile</a></td> </tr> <tr> <td>无线调试攻略</td> <td><a href="/misc/goto?guid=4959719487741313004" rel="external">http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile</a></td> </tr> <tr> <td>屌爆了,完美调试 微信webview(x5</td> <td><a href="/misc/goto?guid=4959719487823009315" rel="external">http://www.jianshu.com/p/ccf124f1f74b</a></td> </tr> <tr> <td>微信调试的那些事</td> <td><a href="/misc/goto?guid=4959719487909276149" rel="external">微信调试的那些事</a></td> </tr> <tr> <td>远程console</td> <td><a href="/misc/goto?guid=4959636931556620129" rel="external">http://jsconsole.com</a></td> </tr> <tr> <td>微信调试工具</td> <td><a href="/misc/goto?guid=4958969388443863114" rel="external">http://blog.qqbrowser.cc</a></td> </tr> <tr> <td>各种真机远程调试方法汇总</td> <td><a href="/misc/goto?guid=4959622517738421351" rel="external">https://github.com/jieyou/remote_inspect_web_on_real_device</a></td> </tr> </tbody> </table> <h2><strong>iOS Simulator</strong></h2> <table> <thead> <tr> <th>iOS Simulator</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Simulator</td> <td><a href="/misc/goto?guid=4959719488075426662" rel="external">iOS_Simulator_Guide-Introduction</a></td> </tr> <tr> <td>iOS Simulator的介绍和使用心得</td> <td><a href="/misc/goto?guid=4959719488154472355" rel="external">http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary</a></td> </tr> </tbody> </table> <h2><strong>Image</strong></h2> <table> <thead> <tr> <th>img</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>loading img</td> <td><a href="/misc/goto?guid=4959719488236650203" rel="external">http://preloaders.net/en/circular</a></td> </tr> <tr> <td>智图-图片优化平台</td> <td><a href="/misc/goto?guid=4959644298010587939" rel="external">http://zhitu.isux.us</a></td> </tr> <tr> <td>在线png优化</td> <td><a href="/misc/goto?guid=4958839376500515304" rel="external">https://tinypng.com</a></td> </tr> <tr> <td>SM.MS(图床工具～简易好用)</td> <td><a href="/misc/goto?guid=4959719488374968509" rel="external">https://sm.ms/</a></td> </tr> <tr> <td>yutuku：极简图床</td> <td><a href="/misc/goto?guid=4959719488460151404" rel="external">http://yotuku.cn/</a></td> </tr> <tr> <td>Qchan图床</td> <td><a href="/misc/goto?guid=4959719488535709222" rel="external">http://tuchuang.org/</a></td> </tr> </tbody> </table> <h2><strong>浏览器同步</strong></h2> <table> <thead> <tr> <th>浏览器同步</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>puer</td> <td><a href="/misc/goto?guid=4959617467280503205" rel="external">https://github.com/leeluolee/puer</a></td> </tr> <tr> <td>liveReload</td> <td><a href="/misc/goto?guid=4958542282822722350" rel="external">http://livereload.com</a></td> </tr> <tr> <td>f5</td> <td><a href="/misc/goto?guid=4959719488680388261" rel="external">http://getf5.com</a></td> </tr> <tr> <td>File Watchers</td> <td><a href="/misc/goto?guid=4959719488765001382" rel="external">http://geek100.com/2608</a></td> </tr> </tbody> </table> <h2><strong>在线PPT制作</strong></h2> <table> <thead> <tr> <th>在线PPT制作</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>nodePPT</td> <td><a href="/misc/goto?guid=4959719488846391947" rel="external">nodePPT</a></td> </tr> <tr> <td>Cleaver快速制作网页PPT</td> <td><a href="/misc/goto?guid=4959719488922158876">http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/</a></td> </tr> <tr> <td>impress.js</td> <td><a href="/misc/goto?guid=4959645082595721899" rel="external">http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html</a></td> </tr> <tr> <td>PPT</td> <td><a href="/misc/goto?guid=4959719489029147096" rel="external">https://github.com/ksky521/nodePPT</a></td> </tr> <tr> <td>reveal</td> <td><a href="/misc/goto?guid=4958335530283920248" rel="external">https://github.com/hakimel/reveal.js</a></td> </tr> <tr> <td>bespoke-fx</td> <td><a href="/misc/goto?guid=4959719489146521226" rel="external">https://github.com/ebow/bespoke-fx</a></td> </tr> <tr> <td>slippy</td> <td><a href="/misc/goto?guid=4959719489227624067" rel="external">https://github.com/Seldaek/slippy</a></td> </tr> </tbody> </table> <h2><strong>前端导航网站</strong></h2> <table> <thead> <tr> <th>前端导航网站</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>界面清爽的前端导航</td> <td><a href="/misc/goto?guid=4959719489313499480" rel="external">http://uxbees.com/index.html</a></td> </tr> <tr> <td>前端导航</td> <td><a href="/misc/goto?guid=4959719489388300982" rel="external">http://whycss.com</a></td> </tr> <tr> <td>前端网址导航</td> <td><a href="/misc/goto?guid=4959719489471271469" rel="external">http://www.daqianduan.com/nav</a></td> </tr> <tr> <td>前端名录</td> <td><a href="/misc/goto?guid=4959719489550453779" rel="external">http://sentsin.com/daohang</a></td> </tr> <tr> <td>前端导航</td> <td><a href="/misc/goto?guid=4959719489634112796" rel="external">http://123.jser.us</a></td> </tr> <tr> <td>前端开发资源</td> <td><a href="/misc/goto?guid=4959719489717028651" rel="external">http://www.css88.com/nav</a></td> </tr> <tr> <td>前端开发仓库 - 众多效果的收集地</td> <td><a href="/misc/goto?guid=4959719489800993526" rel="external">http://code.ciaoca.com</a></td> </tr> <tr> <td>前端资源导航</td> <td><a href="/misc/goto?guid=4959719489880985037" rel="external">https://github.com/jnoodle/f2e-collect</a></td> </tr> <tr> <td>F2E 前端导航</td> <td><a href="/misc/goto?guid=4959719489963334665" rel="external">http://f2e.im/static/pages/nav/index.html</a></td> </tr> </tbody> </table> <h2><strong>常用CDN</strong></h2> <table> <thead> <tr> <th>常用CDN</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>新浪CDN</td> <td><a href="/misc/goto?guid=4959719490043345760" rel="external">http://lib.sinaapp.com</a></td> </tr> <tr> <td>百度静态资源公共库</td> <td><a href="/misc/goto?guid=4958835767154823740" rel="external">http://cdn.code.baidu.com</a></td> </tr> <tr> <td>360网站卫士常用前端公共库CDN服务</td> <td><a href="/misc/goto?guid=4959719490150565924" rel="external">http://libs.useso.com</a></td> </tr> <tr> <td>Bootstrap中文网开源项目免费 CDN 服务</td> <td><a href="/misc/goto?guid=4959719490232552971" rel="external">http://www.bootcdn.cn</a></td> </tr> <tr> <td>开放静态文件 CDN - 七牛</td> <td><a href="/misc/goto?guid=4959719490311830907" rel="external">http://staticfile.org</a></td> </tr> <tr> <td>CDN加速 - jq22</td> <td><a href="/misc/goto?guid=4959719490386904878" rel="external">http://www.jq22.com/cdn</a></td> </tr> <tr> <td>jQuery CDN</td> <td><a href="/misc/goto?guid=4958526792445829468" rel="external">http://code.jquery.com</a></td> </tr> <tr> <td>Google jQuery CDN</td> <td><a href="/misc/goto?guid=4959719490502533646" rel="external">http://www.google-jquery-cdn.com</a></td> </tr> <tr> <td>微软CDN</td> <td><a href="/misc/goto?guid=4959617153893552713" rel="external">http://www.asp.net/ajax/cdn</a></td> </tr> </tbody> </table> <h2><strong>Git</strong></h2> <table> <thead> <tr> <th>Git</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>git-scm</td> <td><a href="/misc/goto?guid=4958183577944756424" rel="external">http://git-scm.com</a></td> </tr> <tr> <td>廖雪峰-Git教程</td> <td><a href="/misc/goto?guid=4958965999878690796" rel="external">廖雪峰-Git教程</a></td> </tr> <tr> <td>git-for-windows</td> <td><a href="/misc/goto?guid=4958974485080634130" rel="external">https://git-for-windows.github.io</a></td> </tr> <tr> <td>GitHub 添加 SSH keys</td> <td><a href="/misc/goto?guid=4959719490702727463" rel="external">http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github</a></td> </tr> <tr> <td>gogithub</td> <td><a href="/misc/goto?guid=4958988064258441668" rel="external">http://www.worldhello.net/gotgithub/index.html</a></td> </tr> <tr> <td>git常规命令练习</td> <td><a href="/misc/goto?guid=4959719490782171203" rel="external">http://pcottle.github.io/learnGitBranching</a></td> </tr> <tr> <td>git的资料整理</td> <td><a href="/misc/goto?guid=4959645088735312029" rel="external">https://github.com/xirong/my-git</a></td> </tr> <tr> <td>我所记录的git命令（非常实用）</td> <td><a href="/misc/goto?guid=4959719490900909341" rel="external">http://www.cnblogs.com/fanfan259/p/4810517.html</a></td> </tr> <tr> <td>企业开发git工作流模式探索部分休整</td> <td><a href="/misc/goto?guid=4959636126006156062" rel="external">https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md</a></td> </tr> <tr> <td>GitHub 漫游指南</td> <td><a href="/misc/goto?guid=4959719491011394749" rel="external">https://github.com/phodal/github-roam</a></td> </tr> <tr> <td>GitHub秘籍</td> <td><a href="/misc/goto?guid=4958863056308930805" rel="external">https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md</a></td> </tr> <tr> <td>使用git和github进行协同开发流程</td> <td><a href="/misc/goto?guid=4959626831892448284" rel="external">http://livoras.com/post/28</a></td> </tr> <tr> <td>动画方式练习git</td> <td><a href="/misc/goto?guid=4959719491144954773" rel="external">http://onlywei.github.io/explain-git-with-d3</a></td> </tr> </tbody> </table> <h2><strong>各种日期日历</strong></h2> <table> <thead> <tr> <th>各种日期日历</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>经典my97</td> <td><a href="/misc/goto?guid=4959719491227915702" rel="external">http://www.my97.net/dp/demo/index.htm</a></td> </tr> <tr> <td>强大的独立日期选择器</td> <td><a href="/misc/goto?guid=4959719491311756218" rel="external">http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html</a></td> </tr> <tr> <td>fullcalendar</td> <td><a href="/misc/goto?guid=4958863338843103741" rel="external">http://fullcalendar.io</a></td> </tr> <tr> <td>fullcalendar日历控件知识点集合</td> <td><a href="/misc/goto?guid=4959719491421160695" rel="external">http://blog.csdn.net/francislaw/article/details/7740630</a></td> </tr> <tr> <td>中文api</td> <td><a href="/misc/goto?guid=4959719491504469355" rel="external">http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html</a></td> </tr> <tr> <td>农历日历</td> <td><a href="/misc/goto?guid=4959619079620562228" rel="external">https://github.com/zzyss86/LunarCalendar</a></td> </tr> <tr> <td>超酷的仿百度带节日日历老黄历控件</td> <td><a href="/misc/goto?guid=4959719491610150433" rel="external">http://www.sucaisj.com/jiaoben/date/201509/16856.html</a></td> </tr> <tr> <td>日期格式化</td> <td><a href="/misc/goto?guid=4958198907110249002" rel="external">http://momentjs.com</a></td> </tr> <tr> <td>大牛日历控件</td> <td><a href="/misc/goto?guid=4959719491720874691" rel="external">https://github.com/Johnqing/QPAYCalendar</a></td> </tr> <tr> <td>我群某管理作品</td> <td><a href="/misc/goto?guid=4959719491811054793" rel="external">https://github.com/Iamlars/dateMarker</a></td> </tr> <tr> <td>input按位替换-官网</td> <td><a href="/misc/goto?guid=4959719491886137030" rel="external">http://digitalbush.com/projects/masked-input-plugin</a></td> </tr> <tr> <td>input按位替换-github</td> <td><a href="/misc/goto?guid=4959719491963092747" rel="external">https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2</a></td> </tr> <tr> <td>bootstrap-daterangepicker</td> <td><a href="/misc/goto?guid=4958527607814313767" rel="external">https://github.com/dangrossman/bootstrap-daterangepicker</a></td> </tr> <tr> <td>国外30个插件集合</td> <td><a href="/misc/goto?guid=4959719492078715846" rel="external">http://www.vandelaydesign.com/30-best-free-jquery-plugins</a></td> </tr> <tr> <td>JavaScript datepicker</td> <td><a href="/misc/goto?guid=4959719492156825100" rel="external">http://dbushell.com/2012/10/09/pikaday-javascript-datepicker</a></td> </tr> <tr> <td>Datepair.js</td> <td><a href="/misc/goto?guid=4959719492233783677" rel="external">http://jonthornton.github.io/Datepair.js</a></td> </tr> <tr> <td>一个风格多样的日历</td> <td><a href="/misc/goto?guid=4959719492322753385" rel="external">https://github.com/glad/glDatePicker</a></td> </tr> <tr> <td>弹出层式的全日历</td> <td><a href="/misc/goto?guid=4959719492404265833" rel="external">http://amsul.ca/pickadate.js/date</a></td> </tr> <tr> <td>jquery双日历</td> <td><a href="/misc/goto?guid=4959719492489194142" rel="external">http://www.daterangepicker.com</a></td> </tr> <tr> <td>大气实用jQuery手机移动端日历日期选择插件</td> <td><a href="http://www.frankdemo.cn/index.php?c=content&a=show&id=115" rel="external">http://www.frankdemo.cn/index.php?c=content&a=show&id=115</a></td> </tr> <tr> <td>jQuery Mobile 移动开发中的日期插件Mobiscroll</td> <td><a href="/misc/goto?guid=4959719492646557181" rel="external">https://mobiscroll.com</a></td> </tr> </tbody> </table> <h2><strong>Date library</strong></h2> <table> <thead> <tr> <th>Date library</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Datejs</td> <td><a href="/misc/goto?guid=4959719492725351315" rel="external">https://github.com/datejs/Datejs</a></td> </tr> <tr> <td>sugarjs</td> <td><a href="/misc/goto?guid=4959719492809549148" rel="external">http://sugarjs.com/api/Date</a></td> </tr> </tbody> </table> <h2><strong>其它</strong></h2> <table> <thead> <tr> <th>其它</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Mock.js 是一款模拟数据生成器</td> <td><a href="/misc/goto?guid=4959639604660922977" rel="external">http://mockjs.com</a></td> </tr> <tr> <td>特色的HTML框架可以创建精美的iOS应用</td> <td><a href="/misc/goto?guid=4959647152761410753" rel="external">http://framework7.taobao.org</a></td> </tr> <tr> <td>淘宝SUI</td> <td><a href="/misc/goto?guid=4959650307673283681" rel="external">http://m.sui.taobao.org</a></td> </tr> <tr> <td>avalonjs</td> <td><a href="/misc/goto?guid=4959719492956272188" rel="external">http://avalonjs.github.io</a></td> </tr> <tr> <td>Avalon新一代UI库： OniUI</td> <td><a href="/misc/goto?guid=4959719493037042671" rel="external">http://ued.qunar.com/oniui/index.html</a></td> </tr> <tr> <td>avalon.oniui-基于avalon的组件库</td> <td><a href="/misc/goto?guid=4959719493116146768" rel="external">https://github.com/RubyLouvre/avalon.oniui</a></td> </tr> <tr> <td>生成二维码(草料)</td> <td><a href="/misc/goto?guid=4959719493196851368" rel="external">http://cli.im</a></td> </tr> </tbody> </table> <h2><strong>效果类</strong></h2> <table> <thead> <tr> <th>效果类</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>弹出层</td> <td><a href="/misc/goto?guid=4959719493282029110" rel="external">http://www.imooc.com/learn/58</a></td> </tr> <tr> <td>焦点图轮播特效</td> <td><a href="/misc/goto?guid=4959719493365154931" rel="external">http://www.imooc.com/learn/18</a></td> </tr> <tr> <td>HTML5 有哪些让你惊艳的 demo？</td> <td><a href="/misc/goto?guid=4959719493439914685" rel="external">http://www.zhihu.com/question/24398907</a></td> </tr> </tbody> </table> <h2><strong>弹出层</strong></h2> <table> <thead> <tr> <th>弹出层</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>artDialog 最新版</td> <td><a href="/misc/goto?guid=4959628475842962756" rel="external">https://github.com/aui/artDialog</a></td> </tr> <tr> <td>artDialog 文档</td> <td><a href="/misc/goto?guid=4959719493551558274" rel="external">http://aui.github.io/artDialog/doc/index.html</a></td> </tr> <tr> <td>google code 下载地址</td> <td><a href="/misc/goto?guid=4959719493633846419" rel="external">https://code.google.com/p/artdialog/downloads/list</a></td> </tr> <tr> <td>贤心弹出层</td> <td><a href="/misc/goto?guid=4959719493714944848" rel="external">http://layer.layui.com</a></td> </tr> <tr> <td>响应式用户交互组件库</td> <td><a href="/misc/goto?guid=4959719493797879347" rel="external">https://github.com/bh-lay/UI</a></td> </tr> <tr> <td>sweetalert-有css3动画弹出层</td> <td><a href="/misc/goto?guid=4959719493882196574" rel="external">http://t4t5.github.io/sweetalert</a></td> </tr> </tbody> </table> <h2><strong>优秀JavaScript项目</strong></h2> <table> <thead> <tr> <th>优秀JavaScript项目</th> <th>地址</th> </tr> </thead> <tbody> <tr> <td>Angular和Webpack种子文件</td> <td><a href="/misc/goto?guid=4958976770513167350" rel="external">https://github.com/AngularClass/angular2-webpack-starter</a></td> </tr> <tr> <td>Fis3面向前端的工程构建系统</td> <td><a href="/misc/goto?guid=4958961198841565260" rel="external">https://github.com/fex-team/fis3</a></td> </tr> <tr> <td>Fis3 DEMO</td> <td><a href="/misc/goto?guid=4958877133003602618" rel="external">https://github.com/fex-team/fis3-demo</a></td> </tr> <tr> <td>前端JQuery系列:源码剖析</td> <td><a href="/misc/goto?guid=4959719494039790874" rel="external">https://github.com/JsAaron/jQuery</a></td> </tr> <tr> <td>avalon框架</td> <td><a href="/misc/goto?guid=4958827060361252179" rel="external">https://github.com/RubyLouvre/avalon</a></td> </tr> <tr> <td>Microsoft ChakraCore 微软的Chakra引擎</td> <td><a href="/misc/goto?guid=4958978121079023949" rel="external">https://github.com/Microsoft/ChakraCore</a></td> </tr> <tr> <td>Quintus HTML游戏引擎</td> <td><a href="/misc/goto?guid=4959628469620993577" rel="external">https://github.com/cykod/Quintus</a></td> </tr> <tr> <td>一个用node.js搭建的有趣博客</td> <td><a href="/misc/goto?guid=4959719494203173109" rel="external">https://github.com/STRML/strml.net</a></td> </tr> <tr> <td>Web前端助手–FeHelper（Chrome扩展）</td> <td><a href="/misc/goto?guid=4959719494286248081" rel="external">https://github.com/zxlie/FeHelper</a></td> </tr> <tr> <td>百度前端技术学院</td> <td><a href="/misc/goto?guid=4959643071438847487" rel="external">https://github.com/baidu-ife/ife</a></td> </tr> <tr> <td>Cheerio（node.js中的jQuery）</td> <td><a href="/misc/goto?guid=4959615071852619541" rel="external">https://github.com/cheeriojs/cheerio</a></td> </tr> <tr> <td>nodejs的一个聊天软件 类似微信</td> <td><a href="/misc/goto?guid=4959719494433705879" rel="external">https://github.com/BryanYang/freechat</a></td> </tr> <tr> <td>使用html5和node.js构建的网易云音乐</td> <td><a href="/misc/goto?guid=4959719494518614804" rel="external">https://github.com/stkevintan/Cube</a></td> </tr> <tr> <td>babel ES6转换为ES5</td> <td><a href="/misc/goto?guid=4958974670993442953" rel="external">https://github.com/babel/babel</a></td> </tr> <tr> <td>一个JS富文本编辑器</td> <td><a href="/misc/goto?guid=4958862008111955827" rel="external">https://github.com/fex-team/ueditor</a></td> </tr> <tr> <td>一个JS脑图可视化工具</td> <td><a href="/misc/goto?guid=4958975217260043202" rel="external">https://github.com/fex-team/kityminder-core</a></td> </tr> <tr> <td>一个JS写的Flappy Bird Game</td> <td><a href="/misc/goto?guid=4959641840874984596" rel="external">https://github.com/ellisonleao/clumsy-bird</a></td> </tr> <tr> <td>一个JS写的GBA模拟器</td> <td><a href="/misc/goto?guid=4958961654254067148" rel="external">https://github.com/taisel/IodineGBA</a></td> </tr> <tr> <td>SegmentFault写的Markdown解析器</td> <td><a href="/misc/goto?guid=4959719494731702963" rel="external">https://github.com/SegmentFault/HyperDown.js</a></td> </tr> <tr> <td>基于node.js的Ghost博客</td> <td><a href="/misc/goto?guid=4958875407713478205" rel="external">https://github.com/TryGhost/Ghost</a></td> </tr> <tr> <td>学习react的demos</td> <td><a href="/misc/goto?guid=4959629457075624939" rel="external">https://github.com/ruanyf/react-demos</a></td> </tr> </tbody> </table> <p> </p>