## 2月份前端资源分享 #### 1. Javascript - [30分钟掌握ES6/ES2015核心内容（上）](http://segmentfault.com/a/1190000004365693) - [30分钟掌握ES6/ES2015核心内容（下）](http://segmentfault.com/a/1190000004368132) - [如何评价 ECMAScript 2016（ES7）只新增2个特性？](http://www.zhihu.com/question/39993685) - [(译)JavaScript小技巧介绍（二）](http://mp.weixin.qq.com/s?__biz=MjM5NTM1NDcyOQ==&mid=403696050&idx=1&sn=d10c93a7b5a3abcbbe00970d021c1f3a&scene=0#wechat_redirect) - [JS函数式编程指南](https://www.gitbook.com/book/llh911001/mostly-adequate-guide-chinese/details) - [19岁的开发者把win95编译成JS版本跑在浏览器里](https://win95.ajf.me/win95.html) - [JavaScript能做什么，该做什么？](https://www.zhihu.com/question/20796866) - [百度FEX 技术周刊 - 2016/02/01](http://fex.baidu.com/blog/2016/02/fex-weekly-01/) - [Ruff Community](http://community.ruff.io/) - [现代 JavaScript 开发硬件](https://ruff.io/zh-cn/) - [Code blast plugin for Codemirror](http://kushagragour.in/code-blast-codemirror/demo/index.html) - [code-blast-codemirror](https://github.com/chinchang/code-blast-codemirror) - [ECMAScript 的 Job Queues 和 Event loop 有什么关系？](https://www.zhihu.com/question/40063533) - [[译] 用 ES6 构建新一代可复用 JS 模块](https://segmentfault.com/a/1190000004419412) - [构建一个使用 Virtual-DOM 的前端模版引擎](https://segmentfault.com/a/1190000004420078) - [如何有技巧的阅读源码](https://github.com/freedombird9/how-to-read-source-code/blob/master/how-to-read-code.md) - [一个走社会主义道路的社交分享组件](https://github.com/calledT/sosh) - [zone.js - 暴力之美](http://greengerong.com/blog/2016/01/30/zone-dot-js-bao-li-zhi-mei/) - [FEX 技术周刊 - 2016/02/01](http://fex.baidu.com/blog/2016/02/fex-weekly-01/) - [前端JavaScript规范](http://greengerong.com/blog/2015/05/09/qian-duan-javascriptgui-fan/) - [17 行代码实现的简易 Javascript 字符串模板](https://segmentfault.com/a/1190000004428305) - [每天一条JS小知识(jstips中文翻译)](https://cnodejs.org/topic/56a050ac8392272262331d62) - [近年来的收藏夹前端资料整理](http://seejs.me/2016/02/16/%E8%BF%91%E5%B9%B4%E6%9D%A5%E7%9A%84%E6%94%B6%E8%97%8F%E5%A4%B9%E5%89%8D%E7%AB%AF%E8%B5%84%E6%96%99%E6%95%B4%E7%90%86/) - [30行代码实现Javascript中的MVC](http://www.cnblogs.com/front-end-ralph/p/5190442.html) - [42种常见的浏览器兼容性问题大汇总](http://www.i7758.com/archives/2318.html) - [JS实用技巧手记](http://www.xuanfengge.com/tag/js%E6%89%8B%E8%AE%B0) - [浅析js随机函数Math.random()](http://www.xuanfengge.com/analysis-on-the-js-function-math-random.html) - [面向设计的半封装web组件开发](http://isux.tencent.com/half-package-web-components-for-design.html) - [顺势而为，HTML发展与UI组件设计进化](http://isux.tencent.com/development-of-ui-components-based-on-native-html.html) - [[JavaScript引擎] WebKit JavaScriptCore用新的B3编译器后端替代FTL JIT中的LLVM](http://zhuanlan.zhihu.com/hllvm/20577490) - [如何理解 Facebook 的 flux 应用架构？](https://www.zhihu.com/question/33864532) - [全面理解虚拟DOM，实现虚拟DOM](http://www.ituring.com.cn/article/211352) - [当前端也拥有 Server 的能力](http://www.barretlee.com/blog/2016/02/16/when-fe-has-the-power-of-server/) - [从**proto**和prototype来深入理解JS对象和原型链](https://github.com/creeperyang/blog/issues/9) - [深入理解JS中声明提升、作用域（链）和`this`关键字](https://github.com/creeperyang/blog/issues/16) - [javascript高级特性](https://segmentfault.com/a/1190000003718289) #### 2. 移动Javascript开发 - [聊聊移动端跨平台开发的各种技术](http://blogread.cn/it/article/7510?f=wb) - [也来说说touch事件与点击穿透问题](https://segmentfault.com/a/1190000003848737) - [移动端自适应：flexible.js可伸缩布局使用](http://caibaojian.com/flexible-js.html) #### 3. Html5 - [web移动端常见问题解决方案](http://www.html5cn.org/article-9314-1.html) - [移动端 h5开发相关内容总结(三)](http://div.io/topic/1572) - [HTML textarea cols,rows属性和宽度高度关系研究](http://www.zhangxinxu.com/wordpress/2016/02/html-textarea-rows-height/) - [canvas难吗？H5画布实用TIPS总结](http://www.html5cn.org/article-9322-1.html) - [Html5移动端知识点总结](http://web.jobbole.com/85027/) - [生成PDF](https://github.com/MrRio/jsPDF) - [基于HTML5 Canvas实现视频破碎重组特效](http://www.html5cn.org/article-9344-1.html) #### 4. CSS - px2rem - [postcss-px2rem](https://www.npmjs.com/package/postcss-px2rem) - [gulp-px2rem](https://www.npmjs.com/package/gulp-px2rem) - [gulp-rem2px](https://www.npmjs.com/package/gulp-rem2px) - [fis3-preprocessor-px2rem](https://github.com/Mrluobo/fis3-preprocessor-px2rem) - [grunt-px2rem](https://github.com/leon776/grunt-px2rem) - 其它 - [【52期】移动端 h5开发相关内容总结——CSS篇](https://mp.weixin.qq.com/s?__biz=MzA5Njc3Njk5NA==&mid=402466254&idx=1&sn=66165daf12cdaf0d4fd630c037b25b23&scene=1&srcid=0130hXDYGCEZFxVJcZDtTWMj&pass_ticket=iSQQGw8PL%2BRtVR5F8v1pzPRocpY5arQleHpsxpvCYEBGZ0S8zogqlUXod2%2FSdslu#rd&location=35) - [Remove unused styles from CSS](https://github.com/giakki/uncss) - [CSS tooltip library](https://github.com/chinchang/hint.css) - [CSS 的 22 个必备技巧](http://www.labazhou.net/2016/01/22-essential-css-recipes/) - [flex-grow 不易理解，难道不是吗?](http://jinlong.github.io/2016/02/04/flex-grow-is-weird/) - [光点沿圆角按钮运动轨迹动画](http://www.xuanfengge.com/points-of-light-along-the-rounded-corner-button-motion-path-animation.html) - [oeasy教你玩转css禅意花园](http://www.imooc.com/learn/603) - [css禅意花园-github](https://github.com/overmind1980/csszengarden.com) - [用纯CSS美化radio和checkbox](http://www.html-js.com/article/-httpapifanyibaiducom%203431) - [CSS镂空图片transition过渡初加载背景色块问题解决](http://www.zhangxinxu.com/wordpress/2016/02/css-hollow-image-for-transition-background-color-problem-fixed/) - [REM vs EM](http://www.w3cplus.com/css/rem-vs-em.html) #### 5. Angular - [民工精髓 - 关于新框架的学习 Angular，React，Vue](https://github.com/xufei/blog/issues/33) - [React vs Angular 2: 冰与火之歌](http://zhuanlan.zhihu.com/FrontendMagazine/20549104) - [如何看2015年1月Peter-Paul Koch对Angular的看法？](https://www.zhihu.com/question/27601964/answer/37309005) - [不可错过的Angular scrollbar library](http://www.html-js.com/article/-httpapifanyibaiducom%203430) #### 6. React, Webpack - React - [React+Redux的演示程序](https://github.com/JimLiu/redux-demo) - [react.js,angular.js,vue.js学习哪个好？](http://www.zhihu.com/question/39943474) - [第三方开发工具](https://www.decosoftware.com/) - [阮一峰 - React 测试入门教程](http://www.ruanyifeng.com/blog/2016/02/react-testing-tutorial.html) - [react native - 仿拉勾ios版本demo](https://github.com/heruijun/react-native-lagou) - [React Native - 美团小demo](https://github.com/lookingstars/RNMeituan) - [Immutable.js及在React中的应用](https://segmentfault.com/a/1190000004478569) - Webpack - [Webpack傻瓜指南（三）和React配合开发](http://zhuanlan.zhihu.com/FrontendMagazine/20522487) - [What's new in webpack 2](https://gist.github.com/sokra/27b24881210b56bbaff7) - [WebPack在项目配置中的探索](http://www.meckodo.com/?p=525) - [webpack-howto](https://github.com/petehunt/webpack-howto) - [Webpack 2 有哪些新东西](https://github.com/cssmagic/blog/issues/58) #### 7. Vue - [历史遗留项目，如何采用vue+webpack的形式改造呢？](https://www.zhihu.com/question/40018739) - [v-for 列表动画插件](https://github.com/vuejs/vue-animated-list) - [vue源码分析之如何实现observer和watcher](https://segmentfault.com/a/1190000004384515) #### 8. jQuery - [jQuery封神榜 - awesome-jquery](https://github.com/Iamlars/awesome-jquery/blob/master/README.md) - [On-Off Toggle Switch](https://github.com/timmywil/jquery.onoff) - [fancygrid - highcharts整合的表格](http://fancygrid.com/samples/) #### 9. 看书学习 - [天天写业务代码的程序员，怎么成为技术大牛，开始写技术代码？](https://www.zhihu.com/question/39430220/answer/81648584) - [你所读的计算机科学方向，有哪些不错的讲义（Notes）？](http://www.zhihu.com/question/38300204) - [工作后希望重新捡起大学时代学习的语言，是否意味着需要重新学习一遍？](https://www.zhihu.com/question/39628852) - [你是怎样通过学习改变命运的？](https://www.zhihu.com/question/39319905) - [一个追求高效的学习者手机里装有哪些APP？](http://www.jianshu.com/p/f568c8d8b6bb) - [2015-2016前端知识体系-by ouven](http://ouvens.github.io/frontend-resource/2016/01/26/front-end-learning-list.html) - [如何长时间高效学习？](https://www.zhihu.com/question/28358499/answer/82786981) - [如何从菜鸟程序员成长为(伪)高手](http://blog.2baxb.me/archives/1077) #### 10. Git,Github - [你需要知道的12个Git高级命令](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402681345&idx=1&sn=1a90b6f65a85d9626f440091912dd847&scene=2&srcid=0204SwKKuq3n9d4NAk4ALhUb&from=timeline&isappinstalled=0#wechat_redirect) - [git-recipes | 四种常见 Git 工作流比较](https://github.com/geeeeeeeeek/git-recipes/wiki/3.5-%E5%B8%B8%E8%A7%81%E5%B7%A5%E4%BD%9C%E6%B5%81%E6%AF%94%E8%BE%83) #### 11. 创业 | 职场 | 管理 | 产品 - [普通人离千万富翁有多远？](https://www.zhihu.com/question/24319743/answer/79905003) - [初创公司，应该设置哪些员工福利比较好呢？](https://www.zhihu.com/question/33713050/answer/57309480) - [去哪里找到好看又实用的餐具？](https://www.zhihu.com/question/22468846/answer/69062643) - [你做的最大的赌是什么？](https://www.zhihu.com/question/36861786/answer/80592030) - [哪三本书是产品经理必读书？为什么？](https://www.zhihu.com/question/20752514) - [如何评价支付宝2016年推出的「集福红包」功能？](https://www.zhihu.com/question/39919276) - [如何看待《腾讯互娱员工猝死，同事呼吁公司少加班》？](https://www.zhihu.com/question/38567964/answer/77036084) - [IT 行业加班到底有没有价值？](https://www.zhihu.com/question/30700629/answer/66740726) - [架构师一定要很强的编码能力之后才能当吗？](https://www.zhihu.com/question/26240302) - [工作两三年后，你悟出什么职场道理？](https://www.zhihu.com/question/30147821/answer/80268056) - [哪些工具能极大提升产品经理的工作效率？](https://www.zhihu.com/question/24458648) - [有哪些成本是老板们开公司前未曾预见到的？](https://www.zhihu.com/question/36380091) - [如何看待LinkedIn市值蒸发100亿美元？](https://www.zhihu.com/question/40166872) - [AirBnb女神工程师视角 -以创业者的姿态做一名工程师](http://qinchao.baijia.baidu.com/article/319045) - [PPLive 融资 2.5 亿美元会彻底改变视频领域战局吗](https://www.zhihu.com/question/19557331) - [看点点的数据：1819 万博客、3547 万内容，点点不是运行的很好吗？](https://www.zhihu.com/question/20828354) - [创业公司员工都有哪些特点？](https://kenengba.com/post/3389.html) - [年薪三十万的码农不如一个省委办公厅公务员吗？](https://www.zhihu.com/question/40339220) - [「简书」是一个什么样的网站？有什么背后故事？](https://www.zhihu.com/question/21151468/answer/17968032) - [为什么知乎上在美帝的IT从业者大都这么鄙视国内的同行？](https://www.zhihu.com/question/40607169/answer/87464673) - [用户和产品经理们，你们为什么要我们拿你当白痴？](https://www.zhihu.com/question/37545830) - [技术出身的 CEO 管理公司，要迈过哪些坑？](https://www.zhihu.com/question/39019297) - [2016年，还适合创业吗？](http://weibo.com/ttarticle/p/show?id=2309403946704717131832) - [为什么整个互联网行业都缺前端工程师？](http://zhuanlan.zhihu.com/FrontendMagazine/20598089) - [专访｜腾讯UI工程师@张鑫旭](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402128801&idx=1&sn=6187b917d7f7666f00fdfb5f9b67a026&scene=0#wechat_redirect) #### 12. IDE，编辑器，调试等工具类 - 正则 - [regexper](http://regexper.com/#%5Ba-z%5D*%28%5Cd%7B4%7D%28%5CD%2B%29%29) - [在线正则工具](https://jex.im/regulex/#!embed=false&flags=&re=%5E%28a%7Cb%29*%3F%24) - [regex101](https://regex101.com/) - [python在线正则工具](http://www.pyregex.com/) - [refiddle](http://refiddle.com/) - [debuggex](https://www.debuggex.com/) - 其它 - [都说intellij比eclipse好用，那么intellij有哪些好用的技巧？](https://www.zhihu.com/question/29076145) - [一款优秀的在线编辑器：JsBin [使用教程]](http://www.cnblogs.com/rammstein/p/4039690.html) - [最简洁的云笔记本](http://notepad.live/) - [WebKit Web Inspector 十年回顾](http://zhuanlan.zhihu.com/FrontendMagazine/20563971) - [Seti UI 主题: 让你编辑器焕然一新](http://chinagdg.org/2016/02/ttt2-seti-ui/) - [Working with ReactJS in WebStorm: Coding Assistance](https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/) - [在线制作icon](http://www.bitbug.net/) - [Sublime Text 3 最好的功能、插件和设置](http://gold.xitu.io/entry/56c40cacdf0eea0053199335) #### 13. 前端架构及工程化等 - [老卫聊架构：做技术，应该先有深度再谈广度](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=408703236&idx=1&sn=3f78abcca906d5edee06ff85b2d22416&scene=2&srcid=0205RjbpOeqNzy0PeOqQZ4Rc&from=timeline&isappinstalled=0#wechat_redirect&location=35) - [服务化架构的演进与实践](http://geek.csdn.net/news/detail/54995) - [端游、手游服务端常用的架构是什么样的？](https://www.zhihu.com/question/29779732) - [阿里移动电商背后的技术航母](http://mp.weixin.qq.com/s?__biz=MzA4MjA0MTc4NQ==&mid=401577273&idx=1&sn=d9e2a86bad216ad3f0b490f0a8d0bf35#rd) - [我为何放弃Gulp与Grunt，转投npm scripts（上）](http://blog.csdn.net/ricohzhanglong/article/details/50726141) - [我为何放弃Gulp与Grunt，转投npm scripts（中）](http://blog.csdn.net/ricohzhanglong/article/details/50726256) - [我为何放弃Gulp与Grunt，转投npm scripts（下）](http://blog.csdn.net/ricohzhanglong/article/details/50726329) - [别学框架，学架构](http://www.techug.com/architecture) #### 14. Sass，PostCSS - [POSTCSS快速入门使用](http://aotu.io/notes/2015/10/13/start-postcss/) #### 15. 工作 | 协同 | 流程 - [为什么程序员在预估时间的时候经常估不准？](https://www.zhihu.com/question/27318440) - [不要把学生气带入社会，值得你一看！](http://ww2.sinaimg.cn/large/005COuUmgw1f0pvwx10r5j30c81ctwmr.jpg) #### 16. Nodejs - [除夕乱谈web微框架，从koa说起](http://zhuanlan.zhihu.com/browsnet/20558764) - [展望Nodejs 2016和新年祝福](https://cnodejs.org/topic/56b70c15c3f170d2629955b5) - [学习 Node.js 的 6 个步骤](https://cnodejs.org/topic/535376501969a7b22aca6d24) #### 17. UI - [设计师，写给CEO，写给产品，写给运营，写给技术](http://weibo.com/p/1001603872489733512125) - [设计自动标注工具](http://www.biaonimeia.com/) - [有哪些好看的 Hexo 主题？](https://www.zhihu.com/question/24422335) #### 18. 性能优化教程 - [关于烂代码的那些事（上）](http://blog.2baxb.me/archives/1343) - [关于烂代码的那些事（中）](http://blog.2baxb.me/archives/1378) - [关于烂代码的那些事（下）](http://blog.2baxb.me/archives/1499) - [常规性能优化](https://github.com/kahn1990/web_performance_optimization) - [网页图片优化和性能分析](http://chinagdg.org/2016/02/%E7%BD%91%E9%A1%B5%E5%9B%BE%E7%89%87%E4%BC%98%E5%8C%96%E5%92%8C%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90/) - [常见的前端性能优化手段都有哪些？都有多大收益？](https://www.zhihu.com/question/40505685) - [腾讯干货！从四个方面帮你做好移动页面性能优化](http://www.uisdc.com/mobile-website-performance-optimization) - [编写高质量JavaScript代码的一些建议](http://www.ido321.com/1666.html) #### 19. 面试相关 - [今年（2015年）校招(互联网行业)薪水情况如何？--如何选择offer](https://www.zhihu.com/question/37114403/answer/76896393) - [应聘互联网公司的简历应该是怎么样的？](http://www.zhihu.com/question/23631182) - [李开复-如何应对你的面试](http://weibo.com/ttarticle/p/show?id=2309403945425324388654) - [【前端面试总结】2016-02-22](https://segmentfault.com/a/1190000004474565) #### 20. mac ios - [Mac上有哪些鲜为人知但极大提高工作效率的工具？]() #### 21. php - [Flarum 的故事：我为什么开发 Flarum](http://discuss.flarum.org.cn/d/115) - [PHP版mock - 造测试数据](https://github.com/fzaninotto/Faker) - [phpfiddle - 演示代码](http://phpfiddle.org/) #### 22. 英语 - [在中国，英语流利能给个人带来多少额外的收益？](https://www.zhihu.com/question/37174334/answer/75859209) #### 23. 其它 - 电影 - [除了迪斯尼和宫崎骏，还有哪些值得一看的动画电影？](https://www.zhihu.com/question/37236484/answer/71085303) - [如何评价电影《功夫熊猫 3 》（《Kungfu panda3》）？](http://www.zhihu.com/question/39521207) - [嘉禾港威戏院结业的背后，是「失语」的香港电影](http://zhuanlan.zhihu.com/roclee/20582744) - [［徐克66大寿贺文］《笑傲江湖》25周年：敢问笑在何处](http://zhuanlan.zhihu.com/yinxiang/20574788) - [各种有武打成分的动作片中，武术指导的风格有派系可言吗？](https://www.zhihu.com/question/23456665/answer/48167990) - [周星驰变了吗？](https://www.zhihu.com/question/40218932/answer/86283437) - [为什么10年前的《魔戒》三部曲，现在依然能秒杀市场上绝大多数电影制作？](https://www.zhihu.com/question/36509150/answer/67919018) - [电影《社交网络》给你最深的感受是什么？](https://www.zhihu.com/question/19552501/answer/87159100) - [如何评价电影《老炮儿》的三观？](https://www.zhihu.com/question/38918451) - [如何评价电影《推拿》？](https://www.zhihu.com/question/26621861) - [为什么以前的香港动作电影武打动作是有节拍一招一招跟对练似的？](https://www.zhihu.com/question/37351260) - 健康，养生 - [经常晚十二点后睡觉到底对身体有多大危害？](https://www.zhihu.com/question/19632354) - [对于久坐办公室的上班族，什么样的坐姿能使腰部的伤害降到最低？](https://www.zhihu.com/question/27241627) - 其它 - [王羲之的字真有那么好吗？现代人有可能达到吗？](https://www.zhihu.com/question/25432079/answer/81031759) - [你必须了解的Session的本质](http://f2er.info/article/11) - [浏览器缓存知识小结及应用](http://www.cnblogs.com/lyzg/p/5125934.html) - [你听过最能引起共鸣的话是什么？](https://www.zhihu.com/question/37496011) - [哪些 P2P 金融平台比较可靠？](https://www.zhihu.com/question/24454597) - [什么话是你当时不懂，后来顿悟的？](https://www.zhihu.com/question/30901993/answer/71629637) - [各种有武打成分的动作片中，武术指导的风格有派系可言吗？](https://www.zhihu.com/question/23456665/answer/48167990) - [Android开发者博客汇总](https://github.com/CodingFish2015/Android-Developer-Blog-Rss) - [微信红包的随机算法是怎样实现的？](https://www.zhihu.com/question/22625187) - [10个经典的C语言面试基础算法及代码](http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=405375927&idx=2&sn=5f227d87457d3df15b2d6e1019ae9afd&scene=23&srcid=02135pV6m5xoayAt97fkFxjr#rd) - [如何为你的代码选择一个开源协议](http://www.cnblogs.com/Wayou/p/how_to_choose_a_license.html) - [Apple Pay 联合银联正式宣布入华，这对国内移动支付将有怎样的影响？](https://www.zhihu.com/question/38637998) - [在斗鱼直播写代码是一种怎样的体验？](https://www.zhihu.com/question/27831296)
2月份前端资源分享
1. Javascript
this关键字2. 移动Javascript开发
3. Html5
4. CSS
5. Angular
6. React, Webpack
7. Vue
8. jQuery
9. 看书学习
10. Git,Github
11. 创业 | 职场 | 管理 | 产品
12. IDE，编辑器，调试等工具类
13. 前端架构及工程化等
14. Sass，PostCSS
15. 工作 | 协同 | 流程
16. Nodejs
17. UI
18. 性能优化教程
19. 面试相关
20. mac ios
21. php
22. 英语
23. 其它