2016-5
最后更新于:2022-04-01 06:15:14
## 概况
在线地址:`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. 跳板群