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

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 03月份前端資源分享 #### 1. Javascript 175453545 - [Redux compose and middleware 源碼分析](https://github.com/asd0102433/redux-learn) - [深入 Promise(二)——進擊的 Promise](https://zhuanlan.zhihu.com/p/25198178) - [Effective JavaScript](http://www.ctolib.com/docs/sfile/effective-javascript/index.html) - [leehey's blog - 包括React,Webpack,性能優化系統](https://github.com/lcxfs1991/blog) - [前端每周清單第2期：Vue 2.2發布，React在GitHub突破6萬star](https://zhuanlan.zhihu.com/p/25460054) - [docsify 3.0 - 文檔網站工具](https://github.com/QingWei-Li/docsify/) - [你不知道的 JS 錯誤和調用棧常識](https://zhuanlan.zhihu.com/p/25644447) - [什么是JavaScript中的執行上下文和堆棧？](http://davidshariff.com/blog/what-is-the-execution-context-in-javascript) - [基于 Three.js 的超快的 3D 開發框架：Whitestorm.js](https://github.com/WhitestormJS/whitestorm.js) - [Promises/A+規范](http://www.ituring.com.cn/article/66566) - [前端每周清單第6期：Angular 4.0學習資源，Egg.js 1.0發布，六問CTO程序員如何成長](https://zhuanlan.zhihu.com/p/26027479) - [記一次游戲h5開發經驗](https://segmentfault.com/a/1190000008853259) - [一個基于Promise輕量級ajax庫](https://github.com/JayZangwill/lightings) - [單人做一個網站需要掌握哪些知識？](https://www.zhihu.com/question/19696149) #### 2. 移動微信小程序Javascript開發群號：148257606 - [Weex 是如何在 iOS 客戶端上跑起來的](http://www.jianshu.com/p/41cde2c62b81) #### 3. Html5 - [Canvas學習系列](https://www.w3cplus.com/blog/tags/616.html) #### 4. CSS 群號：578901836 - [Box Shadow Generator](http://box-shadow.org/) - [關于后端程序員寫前端用什么CSS框架更好？](https://www.zhihu.com/question/37946473) #### 5. Angular 群號：238251402 - [TypeScript 2.2 新特性一覽](https://zhuanlan.zhihu.com/p/25579011) - [Angular2 相比 React 技術棧有什么具體的優勢？](https://www.zhihu.com/question/57521818) #### 6. React, Webpack 群號：530415177 - React - [React Native專題](http://www.lcode.org/react-native/) - [React 實現 markdown 編輯器](http://miaoyunze.com/2016/12/15/react-markdown/) - [React.js 小書](https://github.com/huzidaha/react-naive-book) - [React 技術棧系列教程](http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html) - Webpack - [webpack 2.2 中文文檔](http://www.css88.com/doc/webpack2/) - [webpack-react之webpack篇（上）](http://www.jianshu.com/p/794d573d2c53) - [「前端」看懂前端腳手架你需要這篇webpack](https://github.com/ShowJoy-com/showjoy-blog/issues/7) - [webpack中文文檔](https://doc.webpack-china.org/) - [webpack優秀中文文章](https://github.com/webpack-china/awesome-webpack-cn) #### 7. Vue 群號：364912432 - [低仿餓了么H5-純前端Vue版 + 手把手教學](http://www.jianshu.com/p/65c957b228e9) - [vue2-all-demo - 使用vue-cli最新版構建的基于vue2的demo，用到技術有vue2,vue-router2,vuex2,axios,](https://github.com/sailengsi/sls-vue2-all-demo) - [一個商品SKU是怎么生成的](http://jaycewu.site/post/vue-sku.html) - [基于Vue.js 2.x系列 + Element UI 后臺管理系統解決方案](https://github.com/lin-xin/manage-system) - [上傳圖片預覽以及刪除的vue組件](https://github.com/kinsliy/vue-img-preview-delete) - [用Vue實現帶Dom回收功能的無盡滾動列表組件](http://www.jianshu.com/p/81a6c4cb85be) - [iView2 來了，全面支持 Vue.js 2.x](https://juejin.im/post/58c2031c44d9040068e67871) - [Vue.js 組件編碼規范](https://zhuanlan.zhihu.com/p/25654116) - [基于 vue2 + vuex 構建一個具有 45 個頁面的大型單頁面應用](https://github.com/bailicangdu/vue2-elm) - [Run-Vue - 基于 Vue 2.x 和 “不面向小白” 的 UI 組件庫](http://vuejs.com.cn/#/) - [基于 Vue 的顏色選擇器插件](https://zhuanlan.zhihu.com/p/25748496) - [又一個vueUI庫-Material風格](https://github.com/marcosmoura/vue-material) - [awesomes - vue 專題](https://www.awesomes.cn/subject/vue) - [阿里通信前端團隊 - A Vue.js 2.0 UI Toolkit for Web](https://aliqin.github.io/atui/docs/atui/introduce) - [Progress bars is based on nprogress for Vue](https://github.com/vue-bulma/nprogress) - [如何使用Vue2做服務端渲染](https://zhuanlan.zhihu.com/p/25828881) - [基于Vue2.0的知乎日報單頁應用](https://github.com/walleeeee/daily-zhihu) - [vue仿163musicPC端](http://blog.shanamaid.top/2017/03/21/vue%E4%BB%BF163musicPC%E7%AB%AF/) - [如何寫一手漂亮的 Vue](http://jeffjade.com/2017/03/11/120-how-to-write-vue-better/) - [Dive into Vue.js](https://zhuanlan.zhihu.com/p/25869382) - [Vux（讀音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)開發的移動端UI組件庫，主要服務于微信頁面](https://vux.li/) - [vue的組件以及demo全集](https://github.com/opendigg/awesome-github-vue) - [實例PK ( Vue服務端渲染 VS 瀏覽器端渲染 )](https://zhuanlan.zhihu.com/p/25936718?utm_source=qq&utm_medium=social) ##### 7.1 Vue 群內資源 #### 8. jQuery - [jQuery.bsgrid - 簡單實用、功能豐富、易擴展的jQuery Grid插件](https://github.com/baishui2004/jquery.bsgrid) #### 9. 看書學習 | 成長 | 寫作 - [在 2016 年學 JavaScript 是一種什么樣的體驗？](https://zhuanlan.zhihu.com/p/22782487) - [我試用了17款閱讀軟件，只希望能告訴你哪個更好用](https://zhuanlan.zhihu.com/p/25701060) #### 10. Git | Github | SVN | FTP - [Git 命令總結](https://zhuanlan.zhihu.com/p/25892137) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [為什么你的前端工作經驗不值錢？](http://mp.weixin.qq.com/s?__biz=MzA3MDMyMzk0NA==&mid=2650814545&idx=1&sn=1639039d88b245c793194dce79bb73ea&chksm=84ca03d6b3bd8ac08a15f5c3e7b0a6d6d3b734504c6b0838ece4917b74d1024766479cf3726c&mpshare=1&scene=23&srcid=03079tTq2VJRilw04lB99FbL#rd) - [如何落地和管理一個“大前端”團隊?餓了么大前端團隊解密](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650995610&idx=1&sn=d44ad482dc30a3eae727571f2630a348##) #### 12. IDE，編輯器，調試等工具類 - [2017 年，你有哪些極力推薦的 Chrome 擴展程序？](https://www.zhihu.com/question/54516073) - [教你用Visual Studio Code做PHP開發 - 微軟官方工具，IDE中的黑馬 !](http://www.wfun.com/news/902655.html) - [ATOM實用插件](https://cnodejs.org/topic/58c21b7806dbd608756d0bfa) - [image map生成熱區工具](https://github.com/qiu-deqing/imagemap-generator) - [Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino](http://equinsuocha.io/material-theme/#/default) - [在線測量雪碧圖定位工具](http://www.spritecow.com/) - [多臺電腦同步webstrom設置](https://plugins.jetbrains.com/plugin/7566-settings-repository) - [多臺電腦同步atom設置](https://atom.io/packages/sync-settings) - [多臺電腦同步vscode設置](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) - [最近驚艷的工具App](https://zhuanlan.zhihu.com/p/26139783) #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt - [精通 gulp 常用插件的功能和用法](https://github.com/lin-xin/blog/issues/2) #### 14. Sass，PostCSS，Stylus 群號：578901836 - [對比學習sass和stylus的常用功能](https://segmentfault.com/a/1190000008013566) - [翻譯計劃-淺談PostCSS](https://xdlrt.github.io/2016/05/19/2016-05-19/) #### 15. 工作方法 | 協同 | 流程 #### 16. Nodejs 群號：422910907 - [Mongodb學習筆記](https://github.com/qianjiahao/MongoDB) - [最受歡迎的 5 款 Node.js 端到端測試框架](https://zhuanlan.zhihu.com/p/26034302) - [圖解基于node.js實現前后端分離](http://www.imooc.com/article/6721) - [MongoDB資料大全](https://yq.aliyun.com/articles/53867) - [怎樣學 MongoDB？](https://www.zhihu.com/question/19882468) #### 17. UI 群號：321173051 - [Sketch布爾運算](http://www.ui.cn/detail/227480.html) #### 18. 性能優化教程 - [前端性能監控：window.performance - 是W3C性能小組引入的新的API，目前IE9以上的瀏覽器都支持](https://www.talkingcoder.com/article/6393568564023870746) #### 19. 面試 | 求職 - [前端開發面試題總結之——JAVASCRIPT（一）](http://www.jianshu.com/p/fc1faa8730b2) - [前端開發面試題總結之——JAVASCRIPT（二）](http://www.jianshu.com/p/1a20dac12cf6) - [前端開發面試題總結之——JAVASCRIPT（三）](http://www.jianshu.com/p/988840419605) - [Pacman主題下給Hexo增加簡歷類型](http://blog.zanlabs.com/2015/01/02/add-resume-type-to-hexo-under-pacman-theme/) - [Excuse me？這個前端面試在搞事！](https://zhuanlan.zhihu.com/p/25407758) - [記一次前端面試經歷](http://www.cnblogs.com/yugege/p/6526215.html) - [面試遇到了算法題？看這篇就夠啦](https://juejin.im/post/58ca051f61ff4b0060165122) - [80% 應聘者都不及格的 JS 面試題](https://zhuanlan.zhihu.com/p/25855075) - [史上最全前端開發面試問題及答案整理](https://github.com/gnipbao/Front-end-Interview-questions) #### 20. Mac ios 群號：415074410 - [強迫癥的Mac設置指南](http://insights.thoughtworkers.org/ocds-guide-to-setting-up-mac/) #### 21. Android 群號：415074410 - [安卓開發規范(updating)](https://github.com/Blankj/AndroidStandardDevelop) - [Angular Bootstrap Admin Panel Framework](https://github.com/akveo/blur-admin) #### 22. PHP 群號：82254462 - [Laravel 完整開源項目大全](http://laravelacademy.org/laravel-project) - [Laravel 5.4 vue 實現收藏](https://laravel-china.org/articles/4271/laravel-54-vue-collection) #### 23. Java 群號：145381037 - [使用 Spring Data JPA 簡化 JPA 開發](https://www.ibm.com/developerworks/cn/opensource/os-cn-spring-jpa/) #### 24. Python 群號：130705066 - [Python的命名空間解析](https://www.bwangel.me/2016/08/03/Python%E7%9A%84%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4%E8%A7%A3%E6%9E%90/) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [Hybrid App開發實戰(經典文章)](http://www.infoq.com/cn/articles/hybrid-app-development-combat) - [跨終端Web之Hybrid App](http://www.infoq.com/cn/articles/hybrid-app) - [原生 App vs Web App VS Hybrid APP](http://ezstartup.com.tw/post148.html) #### 26. ASP.NET C# 群號：461614624 - [公共語言運行時CLR](http://www.jianshu.com/p/8ca215a80e5d) #### 27. Go 群號：336195657 - [使用GO開發WebSocket服務器（windows環境）（一）：搭建環境](https://segmentfault.com/a/1190000008820161) - [動手實現一個JSON驗證器](https://segmentfault.com/a/1190000008760911) #### 28. 英語 - [市面上的英語詞典那么多，選擇哪一本最適合自己？](https://www.zhihu.com/question/20961302) #### 29. 其它 - 影視 - 健康，養生 - 歷史，人文 - 其它 #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 2. 中級群 3. 初級群 4. 初級2群 5. 跳板7群 #### 31. 感謝以下貢獻者 - [@魔芋](https://github.com/moyuling) - [@云峰](https://github.com/wuyunfeng8) - [@S1ngS1ng](https://github.com/S1ngS1ng) - [@若邪](https://github.com/wjkang)