## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 --- ## 9月份前端資源分享 #### 1. Javascript 175453545 - [參加 寧JS（JSConf CN 2016）是個什么樣的體驗？](https://www.zhihu.com/question/50244455) - [分享自己寫的JS版日期格式化和解析工具類，絕對好用！](http://www.cnblogs.com/liuxianan/p/js-date-format-parse.html) - [如果有人讓你推薦前端技術書，請讓他看這個列表](https://zhuanlan.zhihu.com/p/22304493) - [4類 JavaScript 內存泄漏及如何避免](http://jinlong.github.io/2016/05/01/4-Types-of-Memory-Leaks-in-JavaScript-and-How-to-Get-Rid-Of-Them/) - [從一行代碼里面學點 JavaScript](https://segmentfault.com/a/1190000006860477) - [揭秘JavaScript中謎一樣的this](https://zhuanlan.zhihu.com/p/22407556) - [Javascript的原型鏈圖（原創 知乎首發）](https://zhuanlan.zhihu.com/p/22189387) - [簡易的前端路由實現](https://segmentfault.com/a/1190000006740604) - [JavaScript進階學習（二）—— 基于原型鏈繼承的js工具庫的實現方法](https://segmentfault.com/a/1190000005863357) - [「趣聞」JS 里的 --> 符號是什么意思？](https://zhuanlan.zhihu.com/p/22498453) - [怎么開發并發布一個可用的 JavaScript 模塊 ？](https://zhuanlan.zhihu.com/p/22589072) - [如何評價微軟正式發布 TypeScript 2.0？](http://www.zhihu.com/question/50910967) - [JavaScript動畫庫和插件大全](http://www.bypeople.com/javascript-animation-libraries/) - [JavaScript DOM編程之API總結篇](http://www.jianshu.com/p/1e638b7da640) - [Javascript基礎篇小結](http://www.jianshu.com/p/1f2314552e23) - [前端模板的原理與實現](https://segmentfault.com/a/1190000006990480) - [【譯】stackoverflow 關于JavsScript的熱門問答](https://segmentfault.com/a/1190000002611701) - [有哪些學習算法的網站推薦？](http://www.zhihu.com/question/20368410) #### 2. 移動微信Javascript開發 群號：148257606 - [Ajax 移動端城市三級聯動](https://github.com/zijingwang/mobilecity) - [LArea移動端城市選擇控件](https://github.com/xfhxbb/LArea) - [移動端開發者眼中的前端開發流程變遷與前后端分離](http://www.jianshu.com/p/36a3c79cd18f) - [更靠譜的橫豎屏檢測方法](http://www.cnblogs.com/zhansingsong/p/5866692.html) - [微信小程序資源匯總整理](https://github.com/Aufree/awesome-wechat-weapp) - [如何入門微信小程序開發，有哪些學習資料？](https://www.zhihu.com/question/50907897) ##### 2.1 移動Javascript開發 群內資源 - [【北京-Yves】-分享我用cnode社區api做微信小應用的入門過程](https://cnodejs.org/topic/57ea257b3670ca3f44c5beb6) #### 3. Html5 - [H5項目常見問題匯總及解決方案](https://github.com/FrontEndZQ/HTML5-FAQ) - [你見過最炫酷的微信html5營銷或宣傳頁面是哪個？](https://www.zhihu.com/question/29015630) #### 4. CSS - [CSS 命名規范總結](https://jiandanxinli.github.io/2016-08-11.html) - [前端面試之CSS總結(上)](https://segmentfault.com/a/1190000006890725) - [:hover 偽類不僅僅只是這樣而已](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=2649567157&idx=1&sn=aa9c5f7655b7c65a2c2001192e829b19&chksm=f1e14723c696ce35465a622d254152d4d569e6c6e637291ddaaa15d9e8b2455eeb57d85b9f33#rd) - [7 天 600 stars， Mobi.css 是如何誕生的](https://segmentfault.com/a/1190000006823504) - [mobi.css](https://github.com/xcatliu/mobi.css) A lightweight, flexible css framework that focus on mobile #### 5. Angular 群號：238251402 - [ng群【WIKE】學習angluar的一些資料和心得，定期更新](https://github.com/jsfront/angluar2.0-study) - [基于angularjs制作的幻燈片](https://github.com/jsonpeter/AngularjsSlider) - [如何評價 Angular 2.0 Final Release 的發布？](https://www.zhihu.com/question/50666914) - [angular2中數據狀態管理方案有哪些？](https://www.zhihu.com/question/46662780) - [這才是Angular2的靈魂！](http://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652039368&idx=1&sn=9a04a5610f96dfc220621fca2a322740#rd) - [前端新手可否直接學 AngularJs 代替 jQuery？](http://www.zhihu.com/question/22953760) #### 6. React, Webpack 群號：530415177 - React - [React 動畫](http://pinggod.com/2016/React-%E5%8A%A8%E7%94%BB/) - [React Native Awesome(匯聚知識，分享精華)](https://github.com/crazycodeboy/react-native-awesome) - [Redux的全家桶與最佳實踐](https://zhuanlan.zhihu.com/p/22405838) - [從零開始學 ReactJS（ReactJS 101）](https://github.com/kdchang/reactjs101) - [關于Redux的一些總結(一)](https://github.com/dwqs/blog/issues/35) - [React 技術棧系列教程](http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html) - [【譯】也許你不必使用 Redux](https://zhuanlan.zhihu.com/p/22597353) - Webpack - [WebPack 終極配置說明](http://www.mmxiaowu.com/#!/article/61) - [Webpack+React集成環境框架](https://github.com/aemoe/webpack-react-framework) - [細說 webpack 之流程篇](http://taobaofed.org/blog/2016/09/09/webpack-flow/) - [簡要分析webpack打包后代碼](https://segmentfault.com/a/1190000006814420) - [webpack CommonsChunkPlugin詳細教程](https://segmentfault.com/a/1190000006808865) #### 7. Vue 群號：364912432 - [Vue群中, 一些常見問題及解答](http://www.mmxiaowu.com/#!/article/59) - [Vue.js——60分鐘組件快速入門（上篇）](http://www.cnblogs.com/keepfool/p/5625583.html) - [基于vue開發的material design ui庫](https://github.com/myronliu347/vue-carbon) - [評價一下《Vue.js 權威指南》這本書？](https://www.zhihu.com/question/50037862) - [一個Node.js+mongoDB+Vue.js的博客內容管理器](http://www.jianshu.com/p/00dee32ac150) - [關于 vue 彈窗組件的一些感想](https://segmentfault.com/a/1190000006849814) - [用 cooking 搭建一個簡單又優雅的 Vue 項目開發環境 (入門篇)](https://zhuanlan.zhihu.com/p/22387692) - [vue 性能優化 ](https://github.com/Coffcer/Blog/issues/3) - [Vue.js源碼（1）：Hello World的背后](https://segmentfault.com/a/1190000006866881) - [基于vue的websocket聊天室](https://github.com/secreter/websocket_chat) - [[譯]Vue 2.0的變化（一）之基本API變化](https://segmentfault.com/a/1190000007012940) - [Desktop UI elements for Vue.js 2.0](https://github.com/ElemeFE/element) - [webpack+vue+vux+express+lowdb實踐](https://segmentfault.com/a/1190000006998791) - [用vue.js開發微信app界面的demo](https://github.com/useryangtao/vue-wechat) - [學習 vue.js，Node.JS 等技術不知道寫什么東西？](https://www.zhihu.com/question/38269617) - [vuex2.0變化](https://segmentfault.com/a/1190000006988584) - [vue2.0 全家桶模板](https://github.com/yelingfeng/vue-ylf-template) ##### 7.1 Vue 群內資源 - [【杭州-好男孩】-使用vue 搭建的攝影網站](https://github.com/xyxiao001/photo) - [【深圳-文刀三授】- 一個使用vue.js,koa和mongodb的構建的個人博客系統](https://github.com/wendaosanshou/fecss-blog-vue) #### 8. jQuery #### 9. 看書學習 | 成長 - [大家都有哪些時間管理的習慣呢？](https://www.zhihu.com/question/19727341) - [有哪些時間管理類的 App 推薦？](http://www.zhihu.com/question/27433886) - [有哪些讓你如醍醐灌頂的話？](https://www.zhihu.com/question/37777781/answer/74475290) - [非科班出身的程序員應當為自己補充哪些知識？](https://www.zhihu.com/question/50376892) - [如何通過自學找到一份開發的工作？](https://www.zhihu.com/question/26421707) - [「代碼家」的學習過程和學習經驗分享](https://zhuanlan.zhihu.com/p/22625628) #### 10. Git | Github | SVN | FTP #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [技術團隊風格指南](https://zhuanlan.zhihu.com/p/22266609) - [有哪些比小說更好看的商業故事？](https://www.zhihu.com/question/23049278) - [創業團隊都有哪些有效的團隊管理方式？](https://www.zhihu.com/question/19759703) - [如何做好一名實習生](http://www.barretlee.com/blog/2016/09/27/how-to-be-a-excellent-intern/) - [為什么錘子科技集合了那么多牛人，還是創不好一個業？](https://www.zhihu.com/question/50982965) 創業反思案例 #### 12. IDE，編輯器，調試等工具類 - [如何評價 vim 8.0 ？](https://www.zhihu.com/question/43153864) - [提高團隊效率的協作工具有哪些？（附使用技巧）](https://zhuanlan.zhihu.com/p/22291172) - [使用chrome遠程調試設備](http://www.cnblogs.com/miss-radish/p/4990871.html) - [jpeg.io](https://www.jpeg.io/) 將任何主要格式的圖象格式轉化為高優化JPEG格式圖象的在線工具網站 - [開發效率提升之工具篇-路易斯推薦](https://github.com/Louiszhai/tool) - [效率神器alfred的workflow分享-自動化你的Mac](https://github.com/Louiszhai/alfred-workflows) #### 13. 前端架構及工程化等 #### 14. Sass，PostCSS - [Sass中的虛類繼承 － CSS魔法， 前端框架， 性能增強](http://www.zcfy.cc/article/extending-silent-classes-in-sass-ndash-css-wizardry-ndash-css-oocss-front-end-architecture-performance-and-more-by-harry-roberts-1239.html) #### 15. 工作 | 協同 | 流程 #### 16. Nodejs 群號：422910907 - [為什么要用 Node.js](http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651551247&idx=1&sn=9ae540eb7547b34469ae3f3ddbdee0c5&chksm=8025a1ceb75228d823d44283632c06e5209d8c2315bbf51ecc4d4a777814eab6e7591192af1f&scene=1&srcid=0912RSqXx0Tdb1u8uTHskw9F#rd) - [創業公司的 Nodejs 工程師](https://segmentfault.com/a/1190000007025059) #### 17. UI 群號：321173051 - [設計師的自學手冊（附大量學習資源和工具）](https://zhuanlan.zhihu.com/p/22332111) - [摳圖有哪些高效的方法？](https://www.zhihu.com/question/20603867) - [小顧聊繪畫·壹](https://book.douban.com/subject/25811462/) - [小顧聊神話](https://book.douban.com/subject/26865730/) - [繪畫史上有哪些杰出的畫動物的畫作和畫家？](http://www.zhihu.com/question/50062262) - [在ThoughtWorks做設計是怎樣一種體驗？](https://www.zhihu.com/question/50412122) #### 18. 性能優化教程 #### 19. 面試 | 求職 - [淘寶面試題：有一個一億節點的樹，現在已知兩個點，找這兩個點的共同的祖先.有什么好算法呢？](https://www.zhihu.com/question/19957473) - [一位程序員偷偷爬取了近100w個招聘職位數據，然后得出了這些結論](http://www.niaogebiji.com/article-11380-1.html) - [javascript中那些折磨人的面試題](https://segmentfault.com/a/1190000006129337) - [整理總結的一些前端面試題](http://web.jobbole.com/88041/) - [面試的時候，如何自我介紹？](https://www.zhihu.com/question/19603341) #### 20. Mac ios 群號：415074410 - [提升你的 Mac 生產力](https://zhuanlan.zhihu.com/p/22673342) #### 21. Android 群號：415074410 - [面試時，問哪些問題能試出一個 Android 應用開發者真正的水平？](https://www.zhihu.com/question/19765032) - [史上最全 Android 面試資料集合](http://www.jianshu.com/p/d1efe2f31b6d) - [如何自學安卓](https://www.zhihu.com/question/26417244) - [Android 開發工程師面試指南](http://www.diycode.cc/wiki/androidinterview) - [Android開發者博客匯總](https://github.com/CodingFish2015/Android-Developer-Blog-Rss) - [Android開發者網址導航](http://www.jianshu.com/p/54902270249d) - [Android學習之路](http://stormzhang.com/android/2014/07/07/learn-android-from-rookie/) - [android 性能優化](http://hukai.me/android-performance-patterns/) - [Android學習之路](http://segmentfault.com/blog/stormzhang/1190000000609851) - [我是如何自學Android，資料分享（2015 版）](http://www.jianshu.com/p/874ff12a4c01) #### 22. php 群號：82254462 - [PHP 資源大全中文版](https://github.com/jobbole/awesome-php-cn) #### 23. java 群號：145381037 - [什么樣的項目才會考慮使用JBoss、WebSphere、WebLogic等服務器？](https://www.zhihu.com/question/50665320) - [如何快速打好java基礎？](http://www.zhihu.com/question/50904128) #### 24. python 群號：130705066 - [Python3 簡明教程](https://zhuanlan.zhihu.com/p/22172546) - [可以用 Python 編程語言做哪些神奇好玩的事情？](https://www.zhihu.com/question/21395276) - [有哪些值得關注的技術博客（Python篇）](https://zhuanlan.zhihu.com/p/22370545) - [Python網絡爬蟲實戰項目代碼大全](https://zhuanlan.zhihu.com/p/22390905) - [Python 的練手項目有哪些值得推薦？](https://www.zhihu.com/question/29372574) - [Python書籍推薦](https://zhuanlan.zhihu.com/p/22198827) - [對上海PyCon2016的期待？](http://www.zhihu.com/question/49246672) - [網易云課堂上有哪些值得推薦的 Python 教程？](http://www.zhihu.com/question/46835030) - [如何入門 Python 爬蟲？](https://www.zhihu.com/question/20899988) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [超贊！聊聊WEB APP、HYBRID APP與NATIVE APP的設計差異](http://www.uisdc.com/web-hybrid-native-app#) - [Hybrid App中原生頁面 VS H5頁面](http://www.jianshu.com/p/00ff5664e000) - [web app與app的區別，即html5與app的區別](http://ask.seowhy.com/article/2500) - [【Web緩存機制系列】6 – 進擊的Hybrid App，量身定做緩存機制](http://www.alloyteam.com/2013/12/web-cache-6-hybrid-app-tailored-cache/) - [Hybrid架構下，加載本地H5資源后，如何處理Ajax請求？](https://www.zhihu.com/question/31316032) - [如何打造一個高性能Hybrid App](http://www.jianshu.com/p/bf14ab437feb#) #### 26. ASP.NET C# 群號：461614624 - [C# 在騰訊的發展](http://www.cnblogs.com/shanyou/p/5915056.html) - [C#組件系列——又一款Excel處理神器Spire.XLS，你值得擁有（二）](http://www.cnblogs.com/landeanfen/p/5906077.html) #### 27. Go 群號：336195657 - [GO語言之channel](http://www.cnblogs.com/zyf-zhaoyafei/p/5919421.html) #### 28. 英語 - [一份超詳細的考研英語語法筆記](http://jiaren.org/2016/09/11/yingyu-44/) 圖文并茂、簡單易懂 - [你曾堅持背誦過哪些令你獲益匪淺的英文文章？](https://www.zhihu.com/question/36213455) #### 29. 其它 - 影視 - [如何評價成龍獲得奧斯卡終身成就獎，成為首位該獎華人得主？](https://www.zhihu.com/question/50259074) - [如何評價徐浩峰拍攝電影《天涯明月刀》？](https://www.zhihu.com/question/50880404) - 健康，養生 - [從二十出頭就開始規律健身，控制飲食，注重養生，活的跟老年人一樣真的有利于健康，延年益壽嗎？](https://www.zhihu.com/question/51185039) - [有什么對身體很好的習慣或經驗，你知道后你的世界馬上就不一樣了？](https://www.zhihu.com/question/39910834) - [體質極差的人如何從頭開始恢復身體素質？](https://www.zhihu.com/question/20381470) - [「達芬奇睡法」效果如何？](https://www.zhihu.com/question/36083086) - 歷史，人文 - [有哪些考古發現完全推翻了人們之前對歷史的認識？](https://www.zhihu.com/question/20965049) - [為什么中國的歷史沒有中斷？](https://www.zhihu.com/question/35888698) - 其它 - [知乎上贊同數最高的999個回答](https://zhuanlan.zhihu.com/p/20751140) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [【北京-齊修】 - 教你設計一套gulp & webpack構建系統](http://www.jianshu.com/p/2cc6a22c9ecc) - [【北京-木的樹】 - Angular2學習筆記——路由器模型（Router）](http://www.cnblogs.com/dojo-lzz/p/5907171.html) 2. 中級群 - [【南京-12345】 - 用nodejs開發微信公眾號](https://github.com/xiadd/shorthand) - [【南京-12345】 - nodejs微信公眾號開發庫](https://github.com/xiadd/weixin.js) - [【放羊的阿波羅】](http://www.cnblogs.com/bobogoodgoodstudy) - [【廈門-二哲】 - 為小程序而生的小(jiao)手架 ](https://segmentfault.com/a/1190000007007990) - [【上海-路易斯】- 全面解讀Math對象及位運算](http://louiszhai.github.io/2016/07/01/Math/) 3. 初級群 - [【北京-pro】 - 基于node.js搭建的個人博客](https://github.com/daimingru/blog-world/) - [【廣州-sky】- 個人網站](http://lybly.net/) 4. 初級2群 - [【北京-快樂】- 微信小程序實例](https://github.com/chenjinxinlove/Gank) 5. 跳板9群 - [【北京-moyuyc】- slideImage for mobile](https://github.com/moyuyc/slideImages)