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

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 01月份前端資源分享 #### 1. Javascript 175453545 - [前端技術體系大局觀](https://zhuanlan.zhihu.com/p/23185351) - [ES6 Generator介紹](http://www.alloyteam.com/2015/03/es6-generator-introduction/) - [ES6 適配地址](https://github.com/google/traceur-compiler/wiki/Getting-Started) - [也談JavaScript數組去重](https://www.toobug.net/article/array_unique_in_javascript.html) - [這是一篇傻瓜都能看懂的Promises文章！](https://zhuanlan.zhihu.com/p/24684803) - [ECMAScript? 2017 Language Specification](https://tc39.github.io/ecma262/) - [雄辯的 js](http://eloquentjavascript.net/) - [airbnb 編碼規范](https://github.com/airbnb/javascript/blob/master/README.md) - [ECMAScript 6 入門](http://es6.ruanyifeng.com/) - [Standard ECMA-262 5.1 Edition / June 2011](http://www.ecma-international.org/ecma-262/5.1/) - [ECMAScript? 2017 Language Specification](https://tc39.github.io/ecma262/) - [深入淺出ES6](http://www.infoq.com/cn/es6-in-depth/) - [JavaScript全棧教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) - [Ecma Script compatibility table(es適配表)](http://kangax.github.io/compat-table/es6/) - [ECharts 水球圖 Liquid Fill Chart](https://github.com/ecomfe/echarts-liquidfill) - [如何實現一個 LazyMan?](http://web.jobbole.com/89626/) - [V8 Object 內存結構與屬性訪問詳解](https://zhuanlan.zhihu.com/p/24982678) - [2016 前端開發技術年度最全盤點](https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650995329&idx=1&sn=658dd8a15b10fa78906e5684cc1d44a0) - [2017年前端前景如何？](https://www.zhihu.com/question/52590109) - [api開發集合網站](https://github.com/marktony/Awesome_API) - [在瀏覽器上打造的上傳圖片](https://sebastianblade.com/browser-side-image-compress-and-upload/) #### 2. 移動微信小程序Javascript開發群號：148257606 - [fritx - 微信個人號/公眾號相關項目整理 (wechat/weixin/wx)](https://github.com/fritx/awesome-wechat) - [sunxuening - 微信個人號/公眾號相關項目整理 (wechat/weixin/wx)](https://github.com/sunxuening/awesome-weixin-weapp) - [justjavac - 微信小應用資源匯總整理](https://github.com/justjavac/awesome-wechat-weapp) - [Aufree - 微信小應用資源匯總整理](https://github.com/Aufree/awesome-wechat-weapp) - [小程序商店](https://minapp.com/miniapp/) - [有哪些微信小程序值得推薦？](https://www.zhihu.com/question/54556984) - [微信小程序簡易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201715) - [微信小程序會對哪些公司形成沖擊？](http://www.zhihu.com/question/54557992) - [微信小程序開發入門教程](http://www.cnblogs.com/niejunchan/p/5904365.html) - [微信小程序開源項目庫集合](http://www.cnblogs.com/jinjiantong/p/6290143.html) - [中國人會對哪些外國人常用的 App 感嘆「老外竟然有這個需求」？](https://www.zhihu.com/question/40523241) #### 3. Html5 #### 4. CSS 群號：578901836 - [CSS3漸變制作花邊](http://lea.verou.me/css3patterns/) - [BEM思想之徹底弄清BEM語法](https://www.w3cplus.com/css/mindbemding-getting-your-head-round-bem-syntax.html) #### 5. Angular 群號：238251402 - [Angular 2.x 從0到1](https://github.com/wpcfan/awesome-tutorials/tree/master/angular2/ng2-tut) - [ TypeScript 入門教程](https://github.com/xcatliu/typescript-tutorial) #### 6. React, Webpack 群號：530415177 - React - [React Native資源集合](http://www.rntools.co/article/57beb7c8c144b61128162006) - [React Native 高質量學習資料匯總](http://www.jianshu.com/p/454f2e6f28e9) - Webpack - [webpack官方中文版](https://doc.webpack-china.org/) - [從 webpack v1 遷移到 webpack v2](http://www.zcfy.cc/article/migrating-from-v1-to-v2-2378.html) #### 7. Vue 群號：364912432 - [[vue最新實戰] gank客戶端（vue2 + vue-router2 + vuex +webpack+ es6）新手福利，干貨多多](https://zhuanlan.zhihu.com/p/24865322) - [Vue2.x:基于Vue2的餓了么實戰總結](http://www.jianshu.com/p/df76549b84f6) - [2016我的心路歷程：從 Vue 到 Webpack 到 iView](https://zhuanlan.zhihu.com/p/24954296) - [iView - 一套基于 Vue.js 的高質量 UI 組件庫](https://www.iviewui.com/overview) - [一個用于快速開發產品的簡潔、優雅、高效的 Vue 組件庫](https://github.com/luojilab/radon-ui) ##### 7.1 Vue 群內資源 - [Thinking in Vue之一：組件擴展的嘗試](https://zhuanlan.zhihu.com/p/24844296) #### 8. jQuery - [前端分頁插件](http://flaviusmatis.github.io/simplePagination.js) #### 9. 看書學習 | 成長 | 寫作 - [程序員怎樣才能寫出一篇好的博客或者技術文章？](https://www.zhihu.com/question/40716838) - [2016年，你讀過的最好的技術書有哪幾本？](https://www.zhihu.com/question/54350343) - [2016年書單](https://www.zhihu.com/question/39369917) - [為什么有人在學習初段效率驚人，而在過了入門階段之后興趣與學習能力都迅速下降？](https://www.zhihu.com/question/26761055) - [聽說2017你想寫前端？](http://mp.weixin.qq.com/s/8vz1aIeVpRHmU2E2-7zzsQ) - [一些人平時看起來不怎么努力，可最后總能獲得別人努力后才有的成績，為什么？](https://www.zhihu.com/question/31910990/answer/140655063) - [如何選購好的鋼筆](http://www.zhihu.com/question/20317819) - [有哪些很有格調的鋼筆？](https://www.zhihu.com/question/29326301) - [高中學生用什么鋼筆與墨水好？](https://www.zhihu.com/question/28055262) - [什么鋼筆適合學生或沒有使用過鋼筆的人？](https://www.zhihu.com/question/35156029) - [2016年終總結--前端生涯從0到1的過程](https://segmentfault.com/a/1190000008197570) - [這就是別人學習高效的原因](http://www.imooc.com/article/12832) #### 10. Git | Github | SVN | FTP - [Git版本控制與工作流](http://www.imooc.com/article/1068) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [如何對開發團隊的人員進行績效管理？](https://www.zhihu.com/question/19995922) - [Medium、YouTube 和產品的那點事兒](http://weibo.com/ttarticle/p/show?id=2309404063598837160971) - [工作兩三年后，你悟出什么職場道理？](https://www.zhihu.com/question/30147821/answer/140441283) - [如果不要前端這個崗位了，你能做啥呢？](https://www.zhihu.com/question/54479506) - [阿里9年，我總結的前端架構演進3大階段及團隊管理心法](http://mp.weixin.qq.com/s/PK5eaBnSg0fG1RvPsbeJwQ) #### 12. IDE，編輯器，調試等工具類 - [學會用好 Visual Studio Code](https://nshen.net/article/2015-11-20/vscode/) - [Visual Studio Code有哪些你常用的插件？](https://www.zhihu.com/question/40640654) - [配置VSCode](http://fallenwood.github.io/2016/05/24/configuring-visual-studio-code/) - [從Chrome源碼看瀏覽器如何構建DOM樹](https://zhuanlan.zhihu.com/p/24911872) - [我眼中的 Electron](http://blog.smallsfe.com/2017/01/23/%E6%88%91%E7%9C%BC%E4%B8%AD%E7%9A%84%20%20Electron/) #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt - [小型io密集網站如何架構？](https://www.zhihu.com/question/55012648) - [gulp源碼解析（一）—— Stream詳解](http://www.cnblogs.com/vajoy/p/6349817.html) - [gulp源碼解析（二）—— vinyl-fs](http://www.cnblogs.com/vajoy/p/6357476.html) #### 14. Sass，PostCSS 群號：578901836 - [從Sass過渡到PostCSS](http://www.w3cplus.com/preprocessor/sass-to-postcss.html) #### 15. 工作方法 | 協同 | 流程 - [作為程序員的你，常用的工具軟件有哪些？](https://www.zhihu.com/question/22867411) #### 16. Nodejs 群號：422910907 - [Node.js 面試問題及答案(2017 版)](http://www.zcfy.cc/article/node-js-interview-questions-and-answers-2017-edition-risingstack-2251.html) - [Nodejs應用安全備忘錄](http://www.wjs.photo/post/nodejssecurity.html) #### 17. UI 群號：321173051 - [微信小程序設計指南](https://mp.weixin.qq.com/debug/wxadoc/design/) - [[譯文] 去形式化——移動設計新趨勢](https://zhuanlan.zhihu.com/p/24771482) - [設計靈感 | 50 份用戶個人主頁設計](https://zhuanlan.zhihu.com/p/24900484) - [百度腦圖工具](http://naotu.baidu.com) - [匿名思維腦圖工具](http://mindmap.4ye.me/) - [ProcessOn思維腦圖](https://www.processon.com/) - [Coggle思維腦圖](https://coggle.it/) - [mockplus](http://www.mockplus.cn/design) #### 18. 性能優化教程 #### 19. 面試 | 求職 - [職業倦怠與跳槽須知](https://www.zhihu.com/roundtable/burnout) - [1月前端面試記](https://gold.xitu.io/post/587dab348d6d810058d87a0a) #### 20. Mac ios 群號：415074410 - [MacOS 快捷鍵系列 - 1 - 文本操作](http://singsing.io/blog/2017/01/17/Mac-1/) - [IINA - 一個現代的 macOS 視頻播放器](https://zhuanlan.zhihu.com/p/24700324) - [實現簡易的代碼編輯器](https://zhuanlan.zhihu.com/p/24855274) - [OS X 系統如何重裝？](https://www.zhihu.com/question/21454213) - [macOS（OS X）有哪些冷門但是一但發現就無法自拔的軟件？](https://www.zhihu.com/question/35050387) - [前端打造的mac os](https://github.com/rccoder/blog/issues/22) #### 21. Android 群號：415074410 - [Android 知識梳理](https://gold.xitu.io/post/587dbaf9570c3522010e400e) #### 22. PHP 群號：82254462 - [為什么大多數PHP框架都沒有實現類似Laravel中隊列的功能？](https://www.zhihu.com/question/54397611) #### 23. Java 群號：145381037 - [ spring項目，權限管理、系統監控、服務降級、...](https://github.com/kanwangzjm/funiture) - [java開源項目收集](https://github.com/jcalaz/tip) #### 24. Python 群號：130705066 - [Python網絡爬蟲實戰項目代碼大全（長期更新，歡迎補充）](https://zhuanlan.zhihu.com/p/22390905) - [從零開始 Python 微信公眾號開發](https://zhuanlan.zhihu.com/p/21354943?refer=666666) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 #### 26. ASP.NET C# 群號：461614624 - [C#異步的世界【上】](http://www.cnblogs.com/zhaopei/p/async_one.html) - [Asp.Net Core輕量級Aop解決方案AspectCore Project 介紹](http://www.cnblogs.com/liuhaoyang/p/aspectcore-introduction.html) - [程序集和反射(C#)](http://www.cnblogs.com/jiekzou/p/6285082.html) - [MVC偽一個12306圖片驗證碼](http://www.cnblogs.com/wangrudong003/p/6292668.html) #### 27. Go 群號：336195657 - [理解Golang語句中的求值順序](http://www.tuicool.com/articles/6r2eEvF) - [Golang 的并發與 Erlang、Scala、Node.js 和 Python 的并發模型相比有何特點？](https://www.zhihu.com/question/21461752) #### 28. 英語 #### 29. 其它 - 影視 - [有哪些好看的高智商懸疑電影？](https://www.zhihu.com/question/35811067) - 健康，養生 - 歷史，人文 - 其它 - [編程之路 ——給初學者的學習建議](http://www.imooc.com/article/15374) - [Excel 有哪些可能需要熟練掌握而很多人不會的技能？](https://www.zhihu.com/question/21758700) - [如何有條理地提問](https://segmentfault.com/a/1190000007959880) - [Anki資料終極匯總](https://zhuanlan.zhihu.com/p/21328602?refer=-anki) - [Anki官網（一種輔助記憶工具）](https://apps.ankiweb.net/) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [koa2-API-scaffold](https://github.com/yi-ge/koa2-API-scaffold) 基于Koa2的輕量級RESTful API Server腳手架，支持ES6。 - [PowerDesigner](https://github.com/renfeihn/PowerDesigner) Vue+Nodejs+Webpack 類似Powerdesigner功能，管理表、domain 域、表空間等 2. 中級群 - [原生js滾動加載插件(無依賴) Scrollload](https://zhuanlan.zhihu.com/p/24737846) 3. 初級群 4. 初級2群 5. 跳板7群 #### 31. 感謝以下貢獻者 - [@云峰](https://github.com/wuyunfeng8) - [@峯子](https://github.com/LFasMike) - [@魔芋](https://github.com/moyuling) - [@S1ngS1ng](https://github.com/S1ngS1ng)