2017-06 · JS前端開發群月報

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 06月份前端資源分享 #### 1. Javascript 群號：175453545 - [面對前端六年歷史代碼，如何接入并應用ES6解放開發效率](https://mp.weixin.qq.com/s?__biz=MzIyMjYyMzg3MA==&mid=2247484157&idx=2&sn=a5c62749987db0b4be609fa8385679e5&chksm=e82be3ecdf5c6afa85d0529fbd893c67ae6033c4fa0a629e9af8cb2a8a7e024b4c1d96734b4b&mpshare=1&scene=23&srcid=0615supYdj9qFdeVztRHruWU#rd) - [AJAX的簡單封裝](http://www.cnblogs.com/-walker/p/7009151.html) - [SVG 新司機開車指南](https://zhuanlan.zhihu.com/p/25016633) - [多端數據實時同步，LiveQuery 輕松搞定](https://zhuanlan.zhihu.com/p/27329160) - [前端開發知識點整理](https://mp.weixin.qq.com/s?__biz=MzI5NjI3MzEzOA==&mid=2247483887&idx=1&sn=ef948128035233ee5a5addc0dc6aaede&chksm=ec479472db301d64ceec29d2a177f6ef77edf65d1f3da947ea945d409c58e0c6e5fc4f4ffd21#rd) - [【譯】ESLint v4.0.0 升級指南](https://mp.weixin.qq.com/s?__biz=MzI5NjI3MzEzOA==&mid=2247483917&idx=1&sn=6004b62cd1116c040bfcb31ddfc5938c&chksm=ec479790db301e86722a0cc38e09e0ffb72b5609e6d45281543b061a90fa008659c606cdb82a#rd) - [Javascript 中的神器——Promise](http://www.jianshu.com/p/063f7e490e9a) - [初識Three.js](https://zhuanlan.zhihu.com/p/27296011) - [JavaScript深入系列15篇正式完結！](https://juejin.im/post/59278e312f301e006c2e1510) - [虛擬 DOM 內部是如何工作的？](http://www.zcfy.cc/article/the-inner-workings-of-virtual-dom-rajaraodv-medium-3248.html) #### 2. 移動微信小程序Javascript開發群號：148257606 - [微信小程序開源項目庫匯總](https://github.com/opendigg/awesome-github-wechat-weapp) - [微信小程序-移動端商城](https://github.com/liuxuanqiang/wechat-weapp-mall) #### 3. Html5 群號：148257606 - [MDN-Canvas教程](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial) #### 4. CSS 群號：578901836 - [神奇的 conic-gradient 圓錐漸變](http://www.cnblogs.com/coco1s/p/7079529.html) - [關于華為手機flex兼容性問題的解決](https://segmentfault.com/n/1330000009948853) - [Flexbox布局的正確使用姿勢](https://segmentfault.com/a/1190000009932882) - [一份基礎的scss庫，包括常用reset, mixin, grids, typo, css3, media queries等多個文件，是你sass開發的必備庫](https://github.com/marvin1023/sassCore) #### 5. Angular 群號：238251402 - [Angular.js Date/Time Picker](https://github.com/alongubkin/angular-datepicker) - [Angular4實現個人作品展示站](https://github.com/giscafer/project) #### 6. React, Webpack 群號：530415177 - React - [在React中使用Redux數據流](http://www.imooc.com/learn/744) - [react全家桶實現一個后臺管理系統](https://github.com/MuYunyun/reactSPA) - [React Native + Visual Studio = 手機上的 JavaScript 編輯器](https://zhuanlan.zhihu.com/p/27242093) - [從性能角度看react組件拆分的重要性](http://www.cnblogs.com/wonyun/p/6804952.html) - Webpack - [webpack多頁應用架構系列（一）：一步一步解決架構痛點](https://segmentfault.com/a/1190000006843916) - [webpack多頁應用架構系列（二）：webpack配置常用部分有哪些？](https://segmentfault.com/a/1190000006863968) - [webpack多頁應用架構系列（三）：怎么打包公共代碼才能避免重復？](https://segmentfault.com/a/1190000006871991) - [webpack多頁應用架構系列（四）：老式jQuery插件還不能丟，怎么兼容？](https://segmentfault.com/a/1190000006887523) - [webpack多頁應用架構系列（五）：聽說webpack連less/css也能打包？](https://segmentfault.com/a/1190000006897458) - [webpack多頁應用架構系列（六）：聽說webpack連圖片和字體也能打包？](https://segmentfault.com/a/1190000006907701) - [webpack多頁應用架構系列（七）：開發環境、生產環境傻傻分不清楚？](https://segmentfault.com/a/1190000006952432) - [webpack多頁應用架構系列（八）：教練我要寫ES6！webpack怎么整合Babel？](https://segmentfault.com/a/1190000006992218) - [webpack多頁應用架構系列（九）：總有刁民想害朕！ESLint為你阻擊垃圾代碼](https://segmentfault.com/a/1190000007030775) - [webpack多頁應用架構系列（十）：如何打造一個自定義的bootstrap](https://segmentfault.com/a/1190000007043716) - [webpack多頁應用架構系列（十一）：預打包Dll，實現webpack音速編譯](https://segmentfault.com/a/1190000007104372) - [webpack多頁應用架構系列（十二）：利用webpack生成HTML普通網頁&頁面模板](https://segmentfault.com/a/1190000007126268) - [webpack多頁應用架構系列（十三）：構建一個簡單的模板布局系統](https://segmentfault.com/a/1190000007159115) - [webpack多頁應用架構系列（十四）：No復制粘貼！多項目共用基礎設施](https://segmentfault.com/a/1190000007301770) - [webpack多頁應用架構系列（十五）：論前端如何在后端渲染開發模式下夾縫生存](https://segmentfault.com/a/1190000008203380) #### 7. Vue 群號：364912432 - [用Vue、Vuex、Immutable做俄羅斯方塊](https://github.com/Binaryify/vue-tetris) - [比較詳細的采訪 Vue 作者尤雨溪](http://zcfy.cc/article/an-interview-with-vue-js-creator-evan-you-3143.html?t=selection) - [vue-image-lightbox](https://github.com/pexea12/vue-image-lightbox) A simple image lightbox component for Vuejs - [Vue實戰視頻-快餐店收銀系統](http://jspang.com/2017/05/22/vuedemo/) ##### 7.1 Vue 群內資源 #### 8. jQuery #### 9. 看書學習 | 成長 | 寫作 - [隨談10年的技術生涯和技術成長](http://www.cnblogs.com/cyq1162/p/5951359.html) - [很認真的聊一聊程序員的自我修養](http://www.cnblogs.com/printhelloworld/p/5698984.html) #### 10. Git | Github | SVN | FTP - [Git for Windows 國內下載站](https://github.com/waylau/git-for-win) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [如何能提高自我管理能力？](https://www.zhihu.com/question/19619066) - [怎樣看待應屆生喜歡辭職？這是 90 后所特有的嗎？](https://www.zhihu.com/question/48861231) - [如何對開發團隊的人員進行績效管理？](https://www.zhihu.com/question/19995922) - [8年創業反思：技術人應該如何選擇創業項目？](http://get.ftqq.com/8643.get) #### 12. IDE，編輯器，調試等工具類 - [VSCode拓展插件推薦（HTML、Node、Vue、React開發均適用）](https://github.com/varHarrie/Dawn-Blossoms/issues/10) - [Tamper Chrome 一款好用到飛起的HTTP請求修改插件](https://zhuanlan.zhihu.com/p/27657281) - [【前端】本地調試H5頁面方案總結](http://www.jianshu.com/p/a43417b28280) #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt - [收藏指數滿格！幫你打包前端之巔一整年好文！](https://zhuanlan.zhihu.com/p/27283922) - [從零到百億互聯網金融架構發展史](http://www.cnblogs.com/ityouknow/p/6276686.html) - [Rollup.js 支持多入口的構建方案，用于多個 library 共存的情況](https://github.com/zhaotoday/rollup.js) #### 14. Sass，PostCSS，Stylus 群號：578901836 - [PostCSS深入學習：你需要知道什么](http://www.w3cplus.com/PostCSS/postcss-deep-dive-what-you-need-to-know.html) - [PostCSS深入學習：設置選項](http://www.w3cplus.com/PostCSS/postcss-quickstart-guide-instant-setup-options.html) - [PostCSS深入學習: PostCSS和Sass、Stylus或LESS一起使用](http://www.w3cplus.com/PostCSS/using-postcss-together-with-sass-stylus-or-less.html) - [PostCSS深入學習: 跨瀏覽器兼容性](http://www.w3cplus.com/PostCSS/using-postcss-for-cross-browser-compatibility.html) - [PostCSS深入學習: 管理插件](http://www.w3cplus.com/PostCSS/postcss-quickstart-guide-exploring-plugins.html) - [PostCSS深入學習: 定制自己的預處理器](http://www.w3cplus.com/PostCSS/postcss-deep-dive-roll-your-own-preprocessor.html) - [PostCSS深入學習: 壓縮和優化CSS](http://www.w3cplus.com/PostCSS/using-postcss-for-minification-and-optimization.html) - [PostCSS深入學習: 簡寫和速寫](http://www.w3cplus.com/PostCSS/postcss-deep-dive-shortcuts-and-shorthand.html) #### 15. 工作方法 | 溝通 | 流程 - [有哪些好的工作習慣值得學習？](https://www.zhihu.com/question/22960521) #### 16. Nodejs 群號：422910907 - [Nodejs 資源大全中文版](https://github.com/Pines-Cheng/awesome-nodejs-cn) - [nodeschool](https://nodeschool.io/) #### 17. UI 群號：321173051 - [怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿？](https://www.zhihu.com/question/21274267) - [給程序員的設計學習指南](http://www.cocoachina.com/special/design/) #### 18. 性能優化教程 - [WebView性能、體驗分析與優化](http://tech.meituan.com/WebViewPerf.html) #### 19. 面試 | 求職 - [互聯網公司最常見的面試算法題有哪些？](https://www.zhihu.com/question/24964987) #### 20. Mac ios 群號：415074410 - [Mac/iOS開發工程師常用的軟件史上最全版](http://www.jianshu.com/p/ec770c8a5035) #### 21. Android 群號：415074410 #### 22. PHP 群號：82254462 - [2017年，Web 后端出現了哪些新的思想和技術？](https://www.zhihu.com/question/61085805) - [GitHub 上有哪些比較有趣的 PHP 項目？](https://www.zhihu.com/question/28008005) #### 23. Java 群號：145381037 - [Java基礎筆記整理](http://yanhuili.github.io/categories/Java/) #### 24. Python 群號：130705066 - [Python 系列（二）- 收藏集 - 掘金](http://www.jianshu.com/p/5c12b5eb6be5) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 #### 26. ASP.NET C# 群號：461614624 #### 27. Go 群號：336195657 #### 28. 英語 - [中國人說英語最大的障礙是什么？](https://www.zhihu.com/question/38899113) #### 29. 其它 - 影視 - 健康，養生 - 歷史，人文 - 其它 - [提升幸福感的購物清單](https://www.zhihu.com/collection/19990694) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [短網址服務](http://t.hstar.org/) - [短網址服務源碼地址](https://github.com/hstarorg/url-short) 2. 中級群 3. 初級群 4. 初級2群 5. 跳板7群 #### 31. 感謝以下貢獻者 - [@阿發](https://github.com/Binaryify) - [@Dalston Xu](https://github.com/xunge0613) - [@Nine](https://github.com/wjf444128852) - [@MuYunyun](https://github.com/MuYunyun)