## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 10月份前端資源分享 #### 1. Javascript 群號：175453545 - [ES6常用知識點概述](https://github.com/laizimo/zimo-article/issues/38) - [使用typescript開發調試nodejs](https://github.com/xiadd/blog/issues/8) - [localStorage 還能這么用](https://juejin.im/entry/59db9bac51882578db27ad4f) - [讓動畫更自然,運動曲線探究與應用](https://blog.iswtf.com/article.php?id=1163) - [前端每周清單第 34 期：Vue 現狀盤點與 3.0 展望，React 代碼遷移與優化，圖片優化詳論](http://www.infoq.com/cn/FE-Weekly) - [JavaScript的異常處理](https://segmentfault.com/a/1190000011481099) - [tabris.js+restify+碼云打造個人APP](https://zhuanlan.zhihu.com/p/29640446) - [理解本質的 REST](https://ruby-china.org/topics/34341) - [JavaScript實現人臉識別](https://github.com/auduno/clmtrackr) - [滴滴FE博客](https://github.com/DDFE/DDFE-blog) - [HTTP/2 對現在的網頁訪問，有什么大的優化呢？體現在什么地方？](https://www.zhihu.com/question/24774343) - [前端安全知識](https://jkchao.cn/article/59de0283c52d5a4ba98b1f0d) - [30分鐘，讓你徹底明白Promise原理](https://mengera88.github.io/2017/05/18/Promise%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90/) - [移動端Web界面滾動性能優化: Passive event listeners](http://blog.csdn.net/shenlei19911210/article/details/70198771) - [ES6系列文章 異步神器async-await](https://segmentfault.com/a/1190000011526612) - [高效使用 JavaScript 閉包](https://www.ibm.com/developerworks/cn/web/wa-use-javascript-closures-efficiently/index.html) - [前端跨域常用方法](https://yeaseonzhang.github.io/2017/10/12/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/) - [Alloy前端周刊](http://www.alloyteam.com/alloyshare/weekly/p/27) - [前端之困 · XSS CookBook](https://zhuanlan.zhihu.com/p/19756127) - [前端魔法堂——調用棧，異常實例中的寶藏](http://www.cnblogs.com/fsjohnhuang/p/7729527.html) - [JavaScript深入系列15篇正式完結](https://github.com/mqyqingfeng/Blog/issues/17) - [JavaScript 開發人員需要知道的簡寫技巧](http://www.cnblogs.com/powertoolsteam/p/shorthand-javascript.html) #### 2. 移動微信小程序Javascript開發 群號：148257606 - [做一個很難的小程序是怎樣的體驗？](https://36kr.com/p/5096382.html) - [BetterScroll：在移動端滾動場景的應用](https://github.com/DDFE/DDFE-blog/issues/22) - [微信小程序如何像webview一樣加載html5網頁](http://www.yinqisen.cn/blog-731.html) #### 3. Html5 群號：148257606 #### 4. CSS 群號：578901836 - [純 CSS 實現波浪效果！](http://www.cnblogs.com/coco1s/p/7197662.html) - [CSS切角效果實現](https://github.com/Jocs/jocs.github.io/issues/6) - [CSS原理解析之模型篇](https://juejin.im/post/59dca82051882578db27b1d6) #### 5. Angular 群號：238251402 - [仿簡書 nodejs+express+mongodb+vue2+angular4+爬蟲](https://github.com/jiayisheji/jianshu/wiki) #### 6. React, Webpack 群號：530415177 - React - [【翻譯】React v16.0 官方博客升級指引](https://doc.react-china.org/blog/2017/09/26/react-v16.0.html) - [實戰react技術棧+express前后端博客項目（4）-- 博客首頁代碼的編寫以及redux-saga的組織](https://juejin.im/post/59db2210f265da0664646c41) - [解讀 Redux 中間件的原理](https://juejin.im/post/59dc7e43f265da4332268906) - [React Native 學習資源精選倉庫(匯聚知識，分享精華)](https://github.com/crazycodeboy/react-native-awesome) - [從React腳手架工具學習React項目的最佳實踐（上）：前端基礎配置](https://juejin.im/post/59dcd87451882578c2084515) - [React合成事件和DOM原生事件混用須知](https://juejin.im/post/59db6e7af265da431f4a02ef) - [MobX：MobX 和 React 十分鐘快速入門](http://www.zcfy.cc/article/mobx-ten-minute-introduction-to-mobx-and-react-4306.html?t=new) - Webpack - [webpack: 正在變得真實 – webpack – Medium](http://zcfy.cc/article/webpack-it-s-getting-real-webpack-medium-4213.html?t=new) - [如何變更一個非相關文件但引發 webpack 重新構建](https://github.com/pigcan/blog/issues/7) - [編寫自己的Webpack Loader](https://github.com/wuomzfx/blog/blob/master/webpack-loader.md) - [webpack3--loader全解析](https://juejin.im/post/59f0500f518825619a01e4ab) #### 7. Vue 群號：364912432 - [Vue 風格指南](https://cn.vuejs.org/v2/style-guide/index.html) - [vue移動助手實踐（一）——基于vue的換膚功能](https://juejin.im/post/59dae969f265da064c389644) - [Vue 2.5中將迎來有關TypeScript的改變！](https://segmentfault.com/a/1190000011474717) - [VueJS + Webpack 代碼分割的三種方式](http://zcfy.cc/article/3-code-splitting-patterns-for-vuejs-and-webpack-4218.html?t=new) - [Vuex2.0源碼解析](https://zhuanlan.zhihu.com/p/29982815) - [《京東E維》基于VUE+Webpack的單頁面實踐](http://jdc.jd.com/archives/4622) - [從template到DOM(Vue.js源碼角度看內部運行機制)](https://zhuanlan.zhihu.com/p/30139727) - [前端國際化之Vue-i18n源碼分析](https://segmentfault.com/a/1190000008752459) - [Vue.js打造一個開源的CNode社區](http://www.yaoweb.cn/2017/10/16/Vue-js%E6%89%93%E9%80%A0%E4%B8%80%E4%B8%AA%E5%BC%80%E6%BA%90%E7%9A%84CNode%E7%A4%BE%E5%8C%BA/) - [滴滴 webapp 5.0 Vue 2.0 重構經驗分享](https://github.com/DDFE/DDFE-blog/issues/13) - [vue2.x + treeSelect - 模擬加強的select](https://github.com/wilsonIs/vue-treeSelect) - [VueJS多頁項目應用](http://coderlt.coding.me/qkfe/2016/11/03/vue-multi-page/) - [Vue多行顯示省略號](https://github.com/lucefer/ellipsis-plus) - [Vue搭建一個多頁面的無依賴的工程化項目](https://github.com/wuomzfx/pure-webpage/blob/master/about.md) - [Vue2原理淺談](http://imhjm.com/article/59b902107dd03248a2e8d584) - [手寫Vue組件踩坑與心得](https://github.com/linzx1993/linzx1993.github.io/issues/6) - [關于vue-cli構建的項目在github上的預覽問題](https://yoowin.me/2017/vue-cli-github-pages.html) ##### 7.1 Vue 群內資源 #### 8. jQuery - [局部打印插件](https://github.com/RitsC/PrintArea) - [jQuery多行省略插件](https://github.com/STAR-ZERO/jquery-ellipsis) #### 9. 看書學習 | 成長 | 寫作 - [如何能高效地每天學習十小時以上？](https://www.zhihu.com/question/25658155) - [13 款內容收集整理利器，打造你專屬的個人知識庫](https://sspai.com/post/40901) #### 10. Git | Github | SVN | FTP - [聊聊 Git 「改變歷史」](https://zhuanlan.zhihu.com/p/29497618) - [為什么你應該深入Github](https://segmentfault.com/a/1190000003365213) - [Git 分支](https://juejin.im/post/59dda0bcf265da432e5afba1) - [Github 正在影響你的職業生涯](https://juejin.im/post/59ddccd36fb9a0450e75185f) - [面試中的那些 git 問題](https://xiaozhuanlan.com/topic/5810792463) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [資料庫 | 時間管理的概念 、工具、書單和視頻](http://www.jianshu.com/p/d4dd46ee8de4) - [寫給前端應屆生的職業規劃建議](https://blog.ymfe.org/%E5%86%99%E7%BB%99%E5%89%8D%E7%AB%AF%E5%BA%94%E5%B1%8A%E7%94%9F%E7%9A%84%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92%E5%BB%BA%E8%AE%AE/) - [全棧運營之品牌運營：品牌是如何影響消費者行為的？](http://www.woshipm.com/operate/808800.html) - [九月總結：結束兩年左右的工作有感](http://blog.csdn.net/u011240877/article/details/77866364) - [如何管理一個前端基礎架構團隊 - AdRoll](http://zcfy.cc/article/how-to-run-a-front-end-infrastructure-team-adroll-4172.html?t=new) - [十年前，我在抓蝦 - 余晟](https://mp.weixin.qq.com/s/HaSiwaGBukHCN5oKcAO6Rg) - [從時尚模特到軟件工程師，我是如何一年之內成功跨界的？](https://36kr.com/p/5095862.html) - [第一次辭退員工后特別難受，我的人生導師這樣開導我](https://36kr.com/p/5096664.html) - [寫十年程序是什么感覺？](https://www.zhihu.com/question/66514133) - [IT工程師的自我管理](http://insights.thoughtworks.cn/self-management/) - [前端工程師是一個無關緊要的職位嗎？](https://www.zhihu.com/question/28860309) - [我為什么辭職？](https://mp.weixin.qq.com/s/RmdeyHXX8uKoB-nGyeNTaQ) - [如何在三年內快速成長為一名技術專家](https://juejin.im/post/59edcbd3f265da431875ea34) - [（閑聊）你是如何增加工資以外的收入的？](https://zhuanlan.zhihu.com/p/29700728) - [「寧愿花 11K 重新招人，也不愿意花 9K 留住老員工」的現象是否屬實？為什么會出現該現象？](https://www.zhihu.com/question/63878469) - [產品設計 & Dashboard 設計的26步](https://zhuanlan.zhihu.com/p/26307308) #### 12. IDE，編輯器，調試，瀏覽器等工具類 - [多了解一下Chrome開發者控制臺](http://ghmagical.com/article/page/id/KLAnkBDoUFyg) - [2017年最佳 VS Code 主題](http://www.css88.com/archives/8284) - [瀏覽器渲染詳細過程：重繪、重排和composite只是冰山一角](https://chuckliu.me/#!/posts/58ea6af15dc1822fa9a57274) #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt - [美團點評酒旅前端的技術體系](https://tech.meituan.com/hotel-fe-tech-system.html) #### 14. Sass，PostCSS，Stylus 群號：578901836 - [PostCSS-modules: 讓CSS變得更強大](http://www.w3cplus.com/css/postcss-modules-make-css-great-again.html) - [編寫模塊化的CSS:CSS文件組織結構](http://www.w3cplus.com/css/css-architecture-3.html) #### 15. 工作方法 | 溝通 | 流程 #### 16. Nodejs 群號：422910907 - [Node 自動化部署](https://juejin.im/post/59e55fe36fb9a0452935d2af) - [狠扣代碼的細節，性能提升40倍：Node程序性能分析和優化（第一彈）](https://www.wuliang.me/2017/10/28/node-performance-optimizing/) - [如何通過餓了么 Node.js 面試](https://elemefe.github.io/node-interview/#/sections/zh-cn/) - [淺談前后端分離與實踐（一）](https://monkeywangs.github.io/pager4/) - [淺談前后端分離與實踐 之 nodejs 中間層服務（二）](https://monkeywangs.github.io/pager6/) #### 17. UI 群號：321173051 - [交互設計作品集應該準備哪些內容？](https://www.zhihu.com/question/20397384) - [在網頁上使用JPG、PNG和SVG：新手指南](http://zcfy.cc/article/jpg-png-and-svg-on-the-web-a-beginner-039-s-guide-cheesecake-labs-3211.html) - [色彩無障礙設計（Color Accessibility）之「對比度」的探索](https://zhuanlan.zhihu.com/p/29359260) - [你真的了解組件化交互設計么？](http://weibo.com/ttarticle/p/show?id=2309404163791637073069) - [淺談Web圖像優化](https://zhuanlan.zhihu.com/p/30362177) #### 18. 性能優化教程 - [瀏覽器渲染過程與性能優化](https://sylvanassun.github.io/2017/10/03/2017-10-03-BrowserCriticalRenderingPath/) - [【譯】JS 中的內存管理 && 常見的 4 種內存泄露處理方式](http://elevenbeans.github.io/2017/10/13/js-memory-management/) #### 19. 面試 | 求職 - [[面試專題]2017春招面試總結](https://segmentfault.com/a/1190000010631325) #### 20. Mac ios 群號：415074410 - [iOS 11 & iPhone X 適配資料集](http://www.jianshu.com/p/33afbd2f7613) - [Mac應用程序、軟件、工具倉庫及其它（Android 中文，Web開發，IOS開發）](https://github.com/madreain/MadreainNote) #### 21. Android 群號：415074410 - [Android朝花夕拾之debug](http://www.jianshu.com/p/58be8e4202c4) #### 22. PHP 群號：82254462 - [MySQL 性能優化技巧](http://www.extlight.com/2017/10/07/MySQL-%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7/) - [PHP代碼簡潔之道——SOLID原則](https://segmentfault.com/a/1190000011662984) #### 23. Java 群號：145381037 - [從JDK源碼角度看Float](https://juejin.im/post/59db298b51882578e27b0081) - [Java面試題解構](http://www.jianshu.com/p/a01234d9437f) #### 24. Python 群號：130705066 - [最全知乎專欄合集：編程、python、爬蟲、數據分析、挖掘、ML、NLP...](https://juejin.im/post/59edb21251882546d71e8232) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 #### 26. ASP.NET C# 群號：461614624 #### 27. Go 群號：336195657 #### 28. 英語 #### 29. 其它 - 影視 - [哪些電影看過之后，讓你感到充滿希望？](https://www.zhihu.com/question/64578730) - [從豆瓣9.1的《白夜追兇》說起，「國產罪案劇」算是開宗立派了嗎？](https://36kr.com/p/5095337.html) - 健康，養生 - 歷史，人文 - 其它 #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 2. 中級群 3. 初級群 4. 初級2群 5. 跳板7群 #### 31. 感謝以下貢獻者