🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 1月份前端资源分享 ####1. Javascript - [视频-D2前端技术论坛——2015融合](http://www.imooc.com/learn/590) - [不可错过的javascript迷你库](http://yanhaijing.com/js/2015/12/29/mini-js-lib/) - [测试框架 Mocha 实例教程](http://www.imooc.com/article/3207) - [为你详细解读HTTP请求头的具体含意](http://jingyan.baidu.com/article/375c8e19770f0e25f2a22900.html) - [Markdown解析的js库simple-markdown](https://github.com/Khan/simple-markdown) - [如果要用前端框架,开发流程是怎样的?](http://segmentfault.com/q/1010000004221774) - [obeject.key与object[key]有什么区别](http://segmentfault.com/q/1010000004225321) - [正确使用Github 的方法是什么?](http://segmentfault.com/q/1010000004240527) - [flowchart.js 流程图插件](http://flowchart.js.org/) - [小tip: 如何让contenteditable元素只能输入纯文本](http://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/) - [JSNext.fm - 前端技术中文播客节目](http://gold.xitu.io/entry/5690751460b25396c51dbab2) - [前端开发:Javascript那些经典书籍你都造吗?](http://mp.weixin.qq.com/s?__biz=MzIxNzA4NzQ4OQ==&mid=401622623&idx=1&sn=a97dc2bc54eaee1851dac751fdd79116&scene=23&srcid=01122PCW73oST0hrbdMt8T7H#rd) - [GitHub比较受欢迎的框架排名走势](https://stats.js.org/) - [How to Learn ES6](https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620#.thbf0i5z4) - [给 JavaScript 初心者的 ES2015 实战](http://gank.io/post/564151c1f1df1210001c9161) - [ES7中async/await实现原理是什么?](https://www.zhihu.com/question/39571954) - [面向设计的半封装web组件开发](http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402751887&idx=1&sn=3bc0ed7aca8f653f583c833a467b6d46) - [复选框的 CSS 魔法](http://jinlong.github.io/2016/01/14/checkbox-trickery-with-css/) - [如何评价 JavaScript 和 Ruby 的生态系统目前各自的发展状况?](https://www.zhihu.com/question/39598766) - [在JavaScript中,是否存在“同步非阻塞”和“异步阻塞”这两种情况?](https://www.zhihu.com/question/39565359) - [[译]成为 JavaScript 忍者](http://pengisgood.github.io/2016/01/16/becoming-a-javascript-ninja/) - [知乎上复制回答,剪贴板里自动加上版权出处的技术js如何实现?](https://www.zhihu.com/question/38685128) - [你真的会使用XMLHttpRequest吗?](http://segmentfault.com/a/1190000004322487) - [FastClick 源码解读](http://segmentfault.com/a/1190000004295106) - [RxJS 教程](http://segmentfault.com/a/1190000004293922) - [热炒的前端什么时候能冷静下来](https://www.zhihu.com/question/39659771) - [各大互联网公司架构演进之路汇总](http://www.hollischuang.com/archives/1036) - [JavaScript核心 - 「深入ECMA-262-3」系列的一个概览和摘要](http://weizhifeng.net/javascript-the-core.html) - [[翻译] JavaScript Scoping and Hoisting](https://segmentfault.com/a/1190000004345355) - [给 JavaScript 初心者的 ES2015 实战](http://gank.io/post/564151c1f1df1210001c9161) - [Awesomes.cn新增了RSS订阅源](https://www.awesomes.cn/rss) - [Feature.js 各种浏览器特性检测](http://featurejs.com/) - [新手上路学习JavaScript引擎实现——路线图](http://zhuanlan.zhihu.com/hllvm/20505562) - [JS一定要放在Body的最底部么?聊聊浏览器的渲染机制](http://delai.me/code/js-and-performance/) ####2. 移动Javascript开发 - [支付宝-移动Web解决方案](http://am-team.github.io/default.html) - [微信公众号编辑有哪些实用的小工具?](https://www.zhihu.com/question/35046637/answer/75730441) - [WeUI 为微信 Web 服务量身设计](https://github.com/weui/weui) - [微信 web 开发者工具详解](http://www.jikexueyuan.com/course/2463.html) ####3. Html5 - [H5动效的常见制作手法](http://isux.tencent.com/h5active.html) - [在线编辑动画](http://ds-overdesign.com/transform/matrix3d.html) - [空间秀的发现之旅:Qzone6.0动画诞生记](http://isux.tencent.com/the-making-of-qzone-6-0-animation.html) - [微信web开发者工具](http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) - [移动端布局终极解决方案 - hotcss](https://github.com/imochen/hotcss) - [滑屏 H5 开发实践九问](http://isux.tencent.com/nine-question-of-swipe-html5-page.html) ####4. CSS - [Twitter "like" 动画实战](http://zhuanlan.zhihu.com/FrontendMagazine/20486738) - [Dribbble动画实验室之两把刷子](http://w3ctrain.com/2016/01/09/Dribbble-Animation-Pratice/) - [各种css动画](http://codepen.io/collection/HtAne/) - [CSS代码重构与优化之路](http://luopq.com/2016/01/05/css-optimize/) ####5. Angular ####6. React, Webpack 1. React - [React组件的可视化生成器](http://www.overreact.io/) - [多React Native项目时依赖管理的最佳实践](http://segmentfault.com/a/1190000004278414) - [学习Webpack - 阮一峰](http://m.weibo.cn/1400854834/3929680178238734) - [react有哪些优秀实用的组件?](https://www.zhihu.com/question/39452825) 2. Webpack - [Webpack中文指南](http://zhaoda.net/webpack-handbook/index.html) - [如何写一个webpack插件(一)](https://segmentfault.com/a/1190000004279560) - [[译] 基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/blog/issues/56) - [webpack指南](http://webpack.toobug.net/zh-cn/index.html) - [webpack使用优化](http://www.alloyteam.com/2016/01/webpack-use-optimization/) ####7. Vue - [Vue.js 和 Webpack文章系列(一)](http://djyde.github.io/2015/08/29/vuejs-and-webpack-1/) - [Vue.js 和 Webpack文章系列(二)](http://djyde.github.io/2015/08/30/vuejs-and-webpack-2/) - [Vue.js 和 Webpack文章系列(三)](http://djyde.github.io/2015/08/31/vuejs-and-webpack-3/) - [Evan You - Diving Deep into Vue.js](https://simplecast.fm/s/5e60d9be) ####8. jQuery - [文件上传](http://fineuploader.com/) ####9. 看书学习 - [在时间管理上,大家有什么好的心得和方法?](https://www.zhihu.com/question/39162973) - [互联网计算机技术方面的入门书籍有哪些推荐](https://www.zhihu.com/question/19940797) - [【第468期】牛人们有哪些思维方式值得我们学习](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401575204&idx=1&sn=05fa0bb63cb8bd9ed87012dd1133b81f&scene=0#wechat_redirect) - [陌生人的哪些事,让你感触很深?](https://www.zhihu.com/question/19866127) - [Web开发学习之路是否有尽头](http://www.ganiks.me/how-to-avoid-listing-everything-but-carrying-out-little/) - [哪些知识技能一定要掌握?](https://www.zhihu.com/question/35112627/answer/62011613) - [怎样避免成为伸手党?](https://www.zhihu.com/question/23883975/answer/27043426) ####10. Git,Github - [正确使用Github 的方法是什么?](http://segmentfault.com/q/1010000004240527) - [记录我学github的路程(三)](http://www.cnblogs.com/xcywt/p/5068355.html) ####11. 创业 | 职业 | 管理 | 产品 - [Babel 作者的年终总结](https://medium.com/@sebmck/2015-in-review-51ac7035e272#.rlhn2b7i7) - [更简单、更快捷地呈现DEMO原型](http://www.isux.us/qdemo/index.php) - [专访|360奇舞团团长@月影](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401557831&idx=1&sn=ac93d8ee19bdb5413be9a94dccf71b2e&scene=0#wechat_redirect) - [怎样以创业者的心态「打工」](http://zhuanlan.zhihu.com/robbin/20457539) - [怎么做好互联网公司的技术团队负责人?](https://www.zhihu.com/question/39421456/answer/81373074) - [你永远都无法叫醒一家装睡的公司](http://zhuanlan.zhihu.com/bigertech/20500602) - [为什么上海出不了一流的互联网企业?](https://www.zhihu.com/question/19980901) - [为什么老板多数是销售出身,而不是市场出身?](https://www.zhihu.com/question/21648437) - [大龄程序员怎样渡过中年危机?](http://zhuanlan.zhihu.com/robbin/20427809) - [IT行业都有哪些职位,初学者该如何选择,才能够快速进入这个行业?](https://www.zhihu.com/question/36991788/answer/69902291) - [我的前端之路](http://segmentfault.com/a/1190000004292245) - [贺师俊(hax)在技术上的积累为什么这么深厚?学习路线是怎么样的?](https://www.zhihu.com/question/39356417) ####12. IDE,编辑器,调试等工具类 - [可多人实时协作在线代码分享工具 – CodePiple](http://www.imooc.com/article/2400) - [Chrome渲染分析之Rendering工具使用(1)](http://www.ghugo.com/chrome-rendering-tools-1/) - [Chrome渲染分析之Rendering工具使用(2)](http://www.ghugo.com/chrome-rendering-tools-2/) - [Chrome渲染分析之Rendering工具使用(3)](http://www.ghugo.com/chrome-rendering-tools-3/) - [Chrome 浏览记录统计](https://github.com/jiacai2050/chrome-history-stat) - [visual studio code 操作指南](http://i5ting.github.io/vsc/) - [Chorme 35个开发者工具的小技巧](http://www.w3cplus.com/tools/dev-tips.html) - [像 Sublime Text 一样使用 Chrome DevTools](http://chinagdg.org/2015/12/%E5%83%8F-sublime-text-%E4%B8%80%E6%A0%B7%E4%BD%BF%E7%94%A8-chrome-devtools/) - [如何更专业的使用Chrome开发者工具-w3cplus](http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html) - [Google Developers-w3cplus](https://developers.google.com/web/updates/devtools/?hl=en) - [DevTools-w3cplus](https://umaar.com/dev-tips/) ####13. 前端架构及工程化等 - [全站 HTTPS 来了](http://geek.csdn.net/news/detail/48765) - [Getting started with gulp](https://markgoodyear.com/2014/01/getting-started-with-gulp/) - [Gulp 入门指南](https://github.com/nimojs/gulp-book) - [TJ - Frontend Boilerplate](https://github.com/tj/frontend-boilerplate) - [架构细节 | 看看 Medium 的开发团队用了哪些技术?](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=408154901&idx=1&sn=c17573f6fbb2c035db6300ddfc5e9df7#rd&location=35) ####14. Sass,PostCSS ####15. 工作 | 协同 | 流程 - [番茄工作法](http://baike.baidu.com/view/5259318.htm) - [如何融入工作?如何看待工作的意义](https://www.zhihu.com/question/39465280) - [让思路更清晰——我是怎样使用思维导图的](https://blog.coding.net/blog/coding-mindmap) ####16. Nodejs - [Node.js 源站应用稳定性保障](http://taobaofed.org/blog/2016/01/05/dragonfly-stability/) - [node.js能开发大型网站吗?](https://www.zhihu.com/question/21176891) - [runs Node.js programs through Chromium DevTools](https://github.com/Jam3/devtool) - [Node.js 未来会超越 Java 吗?](https://www.zhihu.com/question/22098326) - [国内Nodejs 2015汇总](https://cnodejs.org/topic/5696e43e6272216e51bff67e) - [[Node] - 16年,新 Node 项目注意点](https://github.com/gf-rd/blog/issues/29) ####17. UI - [Assistor PS 切图标记外挂神器](http://witstudio.net/) - [免费了,切图标记外挂神器 Assistor PS 深入解读(上)](http://www.bigertech.com/post/assistor-ps-1/) - [免费了,切图标记外挂神器 Assistor PS 深入解读(下)](http://www.bigertech.com/post/assistor-ps-2/) - [国外有哪些流行的图片分享网站](https://www.zhihu.com/question/19670020) - [从零基础如何自学 UI 设计?](https://www.zhihu.com/question/20857524/answer/41328995) - [超赞!设计师完全自学指南](http://www.uisdc.com/designer-self-study-2) ####18. 性能优化教程 - [前端性能优化-基础知识认知](http://www.imooc.com/learn/580) - [研究首屏时间?你先要知道这几点细节](http://www.alloyteam.com/2016/01/points-about-resource-loading/) ####19. 面试相关 - [面试的时候,如何自我介绍?](https://www.zhihu.com/question/19603341) ####20. mac ios - [Mac 上最好用的流程图软件是什么?](http://www.zhihu.com/question/19588698) ####21. php - [PHP框架Laravel还是Codeigniter?](https://www.zhihu.com/question/21617669) - [PHP7新特性](http://www.php7.site/book/php7.html) - [PHP7.0新特性](http://www.imooc.com/learn/438) - [PHP的框架通常用于小型项目吗?](http://segmentfault.com/q/1010000003465862) - [为什么 Laravel 5 这么好一个框架,国人都不去用?](https://www.zhihu.com/question/30622752/answer/79244664) - [Docker入门实战 - php群猫哥推荐](http://yuedu.baidu.com/ebook/d817967416fc700abb68fca1?fr=aladdin&key=docker%E5%85%A5%E9%97%A8%E5%AE%9E%E6%88%98) ####22. 英语 - [A special issue looking back at the best of 2015](http://javascriptweekly.com/issues/264) - [在中国,英语流利能给个人带来多少额外的收益?](https://www.zhihu.com/question/37174334) ####23. 其它 - [变量命名神器](http://unbug.github.io/codelf/) - [SegmentFault 2015 年度精选](http://segmentfault.com/a/1190000004292681) - [推荐一个做编程题的网站](http://zhuanlan.zhihu.com/marisa/20528510) - [清明上河图有哪些鲜为人知又很值得品味的细节?](https://www.zhihu.com/question/29771389) ####24. 特别推荐我联盟群几个高手的力作或个人网站 1. 高级群 - [bingoJS是一个前端MV*开发框架](http://bingojs.mydoc.io/) - [KODExplorer是一个公开源码的基于Web的在线文件管理、代码编辑器](http://kalcaddle.com/) - [基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费](http://wangeditor.github.io/) - [WIKE - prototype源码分析之class.js](http://52wike.com/prototype/1.html) - [WIKE - prototype源码分析之array.js](http://52wike.com/prototype/2.html) - [岭南才子 - web基础知识(重点学习和复习)](http://note.youdao.com/share/web/file.html?id=cc07fd37527db123daf71ad0691c860a&type=note) - [岭南才子 - web进阶知识点](http://note.youdao.com/share/web/file.html?id=0a8ddaacadcf35c5a864fd21c9a9db66&type=note) 2. 中级群 - [我中级群小伙一翻译项目-lodashv4.0.0-pre中文翻译](http://lodash.think2011.net/) - [就是梦想家 - 像夜莺在夏天门前彻夜清啭](http://94dreamer.com/) - [A JavaScript library like React, but uses Web Components.](http://www.x-view.org/) - [HTML5扫雷游戏](http://blog.csdn.net/liusaint1992/article/details/50531186) - [Runner - 作品集](http://runningls.com/demos/) - [underscorejs 学习参考](https://www.gitbook.com/book/niec-fe/underscorejs/details) - [基于canvas实现UI的H5播放器](http://det101.github.io/) - [ZYL的博客](https://www.zyl.me/) - [low poly风格图片生成器](http://kinglisky.github.io/lowpoly/) 3. 初级群 - [一个管理系统的前端框架](http://pagurian.com/) 4. 入门群 - [Markcook 1.0--简洁、高效的markdown编辑器](https://github.com/jrainlau/markcook) 5. 跳板群 群号:492107297 - [从头开始写框架(二):孕育框架的种子_上](http://www.cnblogs.com/BlueQ/p/5000860.html) - [sliceAnimate是一个分动画的轮播插件](https://github.com/taifu5522/sliceAnimate)