## 概况 在线地址：`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796) --- ## 5月份前端资源分享 #### 1. Javascript 175453545 - [你真的知道怎么用javascript来写一个倒计时吗 ?](https://github.com/gomeplusFED/blog/blob/master/2016-04/do-you-really-understand-how-to-write-a-countdown-by-javascript.md) - [清理无用js](https://segmentfault.com/q/1010000005028244) - [Promise 反模式](http://taobaofed.org/blog/2016/05/03/promise-anti-patterns/) - [Promise 与定时器](https://www.h5jun.com/post/wait-promise.html) - [说说 Javascript 的 Date](https://github.com/lishengzxc/bblog/issues/5) - [【简明教程】JSON](http://www.jianshu.com/p/8b428e1d1564) - [体验 Ruff 1.0](https://zhuanlan.zhihu.com/p/20884629) - [Underscore 版本更新记录](https://github.com/cssmagic/ChangeLog/issues/4) - [x2js - XML to JSON](https://github.com/abdmob/x2js) - [关于JS正则以及预查浅析](http://www.bcodey.com/?p=273) - [rollup 学习笔记](http://www.52cik.com/2016/03/11/rollup.html) - [Rollup.js 下一代的ES6模块打包机](https://segmentfault.com/a/1190000004499989) - [我是这样学习前端的](https://github.com/icepy/_posts/issues/39) - [别人家的面试题：统计“1”的个数](https://www.h5jun.com/post/counting-bits.html) - [JAVASCRIPT算法练习](http://www.w3cplus.com/blog/tags/570.html) - [JavaScript问题集锦](https://github.com/creeperyang/blog/issues/2) - [前端可视化的测试实践](http://mp.weixin.qq.com/s?__biz=MzI1NDA5ODE1NQ==&mid=2650432733&idx=1&sn=1a2042220774c2bbb70b8ed92a5d1b91&scene=0#wechat_redirect&location=35) - [『引』最全前端资源汇集](http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/) - [GSAP - 专业的 Web 动画库](https://segmentfault.com/a/1190000005366176) - [[译] 前端攻略-从路人甲到英雄无敌二：JavaScript 与不断演化的框架](https://segmentfault.com/a/1190000005353213) #### 2. 移动Javascript开发 群号：148257606 - [微信前端开发有哪些坑或者黑魔法？](https://www.zhihu.com/question/27849091) - [超级小的web手势库AlloyFinger发布](http://www.alloyteam.com/2016/05/super-small-web-gesture-library-alloyfinger-released/) #### 3. Html5 - [Native与H5交互的那些事](http://zhengxiaoyong.me/2016/04/20/Native%E4%B8%8EH5%E4%BA%A4%E4%BA%92%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B/) #### 4. CSS - [酷炫CSS框架 - keen-ui](http://josephuspaye.github.io/keen-ui/) - [使用CSS技术实现Netflix Logo动画效果](https://zhuanlan.zhihu.com/p/20858727) - [【二次元的CSS】—— 用 DIV + CSS3 画小丸子和爷爷](https://segmentfault.com/a/1190000005082804) - [css分析工具](http://cssstats.com/)　分析网站CSS代码的利器，可以统计CSS代码里的规则、字体大小、宽度高度、颜色数等等 - [Houdini：CSS 领域最令人振奋的革新](https://zhuanlan.zhihu.com/p/20939640) - [CSS2.1规范中文版](http://www.ayqy.net/blog/css2-1%E8%A7%84%E8%8C%83%E4%B8%AD%E6%96%87%E7%89%88/) #### 5. Angular 群号：238251402 - [Angular Moment Picker](https://github.com/indrimuska/angular-moment-picker) - [Angular源码系列－angularJs启动分析](https://www.zybuluo.com/yiranphp/note/335336) - [Angular源码系列－angularJs模块化](https://www.zybuluo.com/yiranphp/note/335403) - [Angular源码系列－angularJs 依赖注入](https://www.zybuluo.com/yiranphp/note/335467) - [Angular源码系列－angularJs 模块加载](https://www.zybuluo.com/yiranphp/note/356402) - [AngularJS指令培训](https://github.com/hjzheng/angular-directive-learning) #### 6. React, Webpack 群号：530415177 - React - [我的前端故事----React算法又是个什么鬼？！](http://www.cnblogs.com/fuhuixiang/p/5505848.html) - [React中文文档](https://chenyitian.gitbooks.io/react-docs/content/docs/guides.html) - [React Native IDE](https://www.decosoftware.com/may-2016-update) - Webpack - [React+webpack+es6的环境配置及demo改写](https://segmentfault.com/a/1190000005121464) #### 7. Vue 群号：364912432 - [Vue构建单页应用最佳实战](https://github.com/MeCKodo/vue-tutorial) - [Vue 2.0数据绑定实现一瞥](http://jimliu.net/2016/04/29/a-brief-look-at-vue-2-reactivity/) - [Vue 教程](http://mp.weixin.qq.com/mp/homepage?__biz=MzI3NTE2NjYxNw==&hid=10&sn=276424f114031df4cfa50492102b1b93#wechat_redirect&location=35) - [Vue源码学习](http://www.kancloud.cn/zmwtp/vue2/148822) ##### 7.1 Vue 群内资源 - [夜聆风 - vuex入门实例2](https://segmentfault.com/a/1190000005148935) - [北京-磊 - 基于Vue模仿蘑菇街的单页应用](https://github.com/andylei18/vue-shopping) - [二哲 - Vue构建单页应用最佳实战](https://segmentfault.com/a/1190000005268225) #### 8. jQuery - [滑动条插件](http://rangeslider.js.org/) #### 9. 看书学习 | 成长 - [『 读书笔记 』4月读书总结｜博文推荐](http://litaotao.github.io/books-recommend-and-summarize-on-apr-2016) - [月薪不到 3K 的人，花 1K 多买 Kindle，值得吗？](https://www.zhihu.com/question/19815043) - [写给想成为前端工程师的同学们](https://www.h5jun.com/post/to-be-a-good-frontend-engineer.html) - [亚马逊中国上有哪些 Kindle 电子书值得推荐？](http://www.zhihu.com/question/27579677) - [全栈增长工程师实战](https://github.com/phodal/growth-in-action) - [如何长时间高效学习？](https://www.zhihu.com/question/28358499/answer/43002343) #### 10. Git | Github | SVN | FTP - [github树形预览插件](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc/related) - [闯过这 54 关，点亮你的 Git 技能树](https://codingstyle.cn/topics/51) - [一个能并列高亮显示文件比较结果的小工具](http://www.jefftk.com/icdiff) #### 11. 创业 | 职场 | 管理 | 产品 | 运营 - [技术团队管理者的软技能(上) ](http://mp.weixin.qq.com/s?__biz=MzI3MzEzMDI1OQ==&mid=2651814326&idx=1&sn=975f0f1fbae81a039244121db6a08ab5&scene=21#wechat_redirect) - [技术团队管理者的软技能(下)](http://mp.weixin.qq.com/s?__biz=MzI3MzEzMDI1OQ==&mid=2651814409&idx=1&sn=ba8a0f711ce3f781d9c2b0d70e6f2fed&scene=0#wechat_redirect) - [你是怎么找到创业的方向的？](https://www.zhihu.com/question/25857988) - [你是如何转行的？转行容易吗？](https://www.zhihu.com/question/28544155) - [天涯和其它国内大型论坛为什么越来越不行了？](https://www.zhihu.com/question/22190299) - [产品原型工具有哪些？](https://www.zhihu.com/question/19592829) #### 12. IDE，编辑器，调试等工具类 - [针对手机网页的前端 console 调试面板](https://github.com/WechatFE/vConsole) - [前端调试效率低？试试这10个“Chrome开发者工具”使用技巧](https://blog.wilddog.com/?p=680) - [前端调试效率低？试试这10个“Chrome开发者工具”使用技巧](http://eefret.me/making-sublime-your-golang-ide/) - [devdocs](http://devdocs.io/) 英文综合API网站 - [devdocs](http://www.devdocs.me/) 中文综合API网站 - [overapi](http://overapi.com/) 英文综合API网站 - [有哪些鲜为人知却非常有意思、好用的 Chrome 扩展？](https://www.zhihu.com/question/23228162) - [移动web开发调试工具AlloyLever介绍](http://www.alloyteam.com/2016/05/mobile-web-development-debugging-tools-alloylever-introduced/) - [wappalyzer - 查看网站使用什么的浏览器插件](https://wappalyzer.com/) #### 13. 前端架构及工程化等 - [npm scripts](https://www.zybuluo.com/yangfch3/note/249328) #### 14. Sass，PostCSS - [使用CSS制作Heart动画](http://www.w3cplus.com/animation/twitter-s-heart-animation-in-full-css.html) - [如何结合Gulp使用PostCss](https://segmentfault.com/a/1190000005351160) #### 15. 工作 | 协同 | 流程 - [如何管理 10 年工作经验程序员？](https://www.zhihu.com/question/46242373) #### 16. Nodejs 群号：422910907 - [[Node.js源码解读(1)]Node.js的启动过程](http://alinode.aliyun.com/blog/33) - [MongoDB 初见指南](https://segmentfault.com/a/1190000005359538) #### 17. UI - [也许这是迄今为止，PPT素材资源最全的总结！](http://weibo.com/ttarticle/p/show?id=2309403970822061617227) - [一个简单的网页配色指南](http://www.ui.cn/detail/124659.html) - [Sketch 3 中文手册](http://sketch.im/manual/) - [关于设计规范](http://www.jianshu.com/p/6e45e32cbf98) #### 18. 性能优化教程 - [高性能滚动 scroll 及页面渲染优化](http://www.cnblogs.com/coco1s/p/5499469.html) - [用户数过亿的QQ空间前端优化的思路是什么](https://segmentfault.com/a/1190000005110357) - [记一次惊心动魄的前端性能优化之旅](https://segmentfault.com/a/1190000005147979) - [JavaScript 总结几个提高性能知识点](http://www.cnblogs.com/ys-ys/p/5132013.html) #### 19. 面试 | 求职 - [提离职被老板加薪挽留，该怎么办？](https://www.zhihu.com/question/21234709) - [程序员跳槽全攻略](https://www.amazon.cn/gp/product/B00PJVX160/) - [跳槽离职的那些事儿？](http://www.cnblogs.com/jikey/p/4154804.html) #### 20. mac ios - [中国有哪些独立 OS X 开发者？他们的生存状况如何？](https://www.zhihu.com/question/24687248) #### 21. php 群号：132984819 - [PostgreSQL 与 MySQL 相比，优势何在？](http://www.zhihu.com/question/20010554) - [Laravel学习资源](https://www.zhihu.com/question/40280119) #### 22. java 群号：145381037 - [Java 泛型总结（一）：基本用法与类型擦除](https://segmentfault.com/a/1190000005179142) #### 22. 英语 - [在线英语词典哪个比较好？](https://www.zhihu.com/question/19707759) - [在网上如何检查自己的英语语法是否正确，并能得到学习提升？](https://www.zhihu.com/question/37198909) #### 23. 其它 - 影视 - [电影《荒野猎人》有哪些耐人寻味的细节？](https://www.zhihu.com/question/39645216) - [如何评价电影《奇幻森林》？](https://www.ZHIHU.com/question/43119252) - [为什么有这么多的全方位地吹捧周星驰？](https://www.zhihu.com/question/38275192) - [如何评价电影《百鸟朝凤》？](https://www.zhihu.com/question/45513172) - 健康，养生 - [我们应该通过哪些合理的渠道了解疾病？](https://www.zhihu.com/question/45221284) - [你知道不洗牙的后果有多严重吗？](https://zhuanlan.zhihu.com/p/20899374) - 历史，人文 - [如何看待唐家三少 1.1 亿再登网络作家富豪排行榜？](https://www.zhihu.com/question/42058391) - [如何评价《万历十五年》与《明朝那些事儿》，哪个更真实客观？](https://www.zhihu.com/question/24010355) - 其它 - [程序员有哪些平时自己开发的小工具来简便工作？](https://www.zhihu.com/question/28485416) - [怎样一步步的培养自己的理财能力？](https://www.zhihu.com/question/21855830) - [现在赚多少钱，40岁以后才能财务自由？](https://www.zhihu.com/question/46440694/answer/101513270) #### 24. 特别推荐我联盟群几个高手的力作或个人网站 1. 高级群 - [上海-V-Tom - A vue blog project base on Node.js,Express,Mongodb](https://github.com/V-Tom/vue-blog) - [上海-木的树 - 浅谈模板引擎](http://www.cnblogs.com/dojo-lzz/p/5518474.html) - [上海-何幻 - 5分钟学一学Web Components规范](http://www.jianshu.com/p/9f46c92fbe79) 2. 中级群 - [成都RC - 作品集](http://codepen.io/RunningCoderLee/) 3. 初级群 - [深圳-Hash - jszip](https://stuk.github.io/jszip/) - [青岛neove - neove - (正在求职)](http://neove.cc/) 4. 入门群 - [广东-Jrain'L - elf的响应式的css框架](http://sfau.lt/b5vmKl) - [厦门-嘉宝 - 组件改变生活_揭开Vue组件的神秘面纱](https://segmentfault.com/a/1190000005045219) - [厦门-嘉宝 - 从零开始学Vue](https://segmentfault.com/a/1190000005041030) 5. 跳板群