## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/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.hmoore.net/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. 跳板群