## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 --- ## 8月份前端資源分享 #### 1. Javascript 175453545 - [ES6 手冊](http://qiutc.me/post/es6-cheatsheet.html) - [為什么 TypeScript 成功了，更先進的 ActionScript 卻失敗了？](https://www.zhihu.com/question/49170215) - [14款基于Javascript的數據可視化工具](http://www.imooc.com/article/3462) - [用 JavaScript 寫一個超小型編譯器](https://zhuanlan.zhihu.com/p/21830284) - [前端進階之路：點擊事件綁定](https://github.com/cssmagic/blog/issues/48) - [TypeScript Handbook（中文版）](https://www.gitbook.com/book/zhongsp/typescript-handbook/details) - [2016/03/31 針針見血：怎么消除JavaScript中的代碼壞味道](https://github.com/gaohailang/blog/issues/5) - [JavaScript函數式編程（二）](https://zhuanlan.zhihu.com/p/21926955) - [伯樂在線 - 資源大全](https://github.com/jobbole) - [為什么 ++\[\[\]\]\[+\[\]\]+\[+\[\]\] = 10](https://zhuanlan.zhihu.com/p/21959495) - [如何管理數量巨大前端組件？](https://www.zhihu.com/question/49441632) - [前端常用插件匯總](https://github.com/iamjoel/front-end-plugins) - [精解http](https://i5ting.github.io/oh-http/) - [通過一張簡單的圖，讓你徹底搞懂JS的==運算](https://zhuanlan.zhihu.com/p/21650547) - [【前端安全】JavaScript防http劫持與XSS](http://www.cnblogs.com/coco1s/p/5777260.html) - [2016/2017 Web 開發者路線圖](https://zhuanlan.zhihu.com/p/22080792) - [網易NEJ-Nice Easy Javascript](http://nej.netease.com/) - [史上最易讀懂的 Promise 實現](https://zhuanlan.zhihu.com/p/21834559) - [簡易的前端路由實現](https://segmentfault.com/a/1190000006740604) - [mui從入門到精通](https://segmentfault.com/blog/mui) #### 2. 移動Javascript開發 群號：148257606 - [每周一點canvas動畫代碼文件](https://github.com/supperjet/H5-Animation) #### 3. Html5 - [瀏覽器中喚起native app || 跳轉到應用商城下載](https://segmentfault.com/a/1190000005848133) - [iOS/Android 瀏覽器(h5)及微信中喚起本地APP](https://segmentfault.com/a/1190000006127431) - [Picker.js--開源H5選擇器UI組件](https://zhuanlan.zhihu.com/p/22006728) #### 4. CSS - [CSS進階，4個技巧提升你的前端水平](http://web.jobbole.com/86793/) - [移動端樣式小技巧](https://segmentfault.com/a/1190000006237977) - [css計數器](http://www.zhangxinxu.com/wordpress/2014/08/css-counters-automatic-number-content/) #### 5. Angular 群號：238251402 - [AngularJS Tree component](https://angular-ui-tree.github.io/angular-ui-tree/#/basic-example) - [Angular Modules - Find Modules for AngularJS](http://ngmodules.org/) angluar各種相關插件網站 - [別責怪框架：我使用 AngularJS 和 ReactJS 的經驗](http://www.zcfy.cc/article/don-t-blame-the-framework-my-experience-with-angularjs-and-reactjs-cheesecake-labs-327.html) #### 6. React, Webpack 群號：530415177 - React - [如何評價 React Native？](https://www.zhihu.com/question/27852694) - [Airbnb React/JSX Style Guide](https://github.com/airbnb/javascript/tree/master/react) - [分享英文版的React.JS編程叢書](http://react-china.org/t/react-js/7083) - [關于React的一些實踐思考與總結](http://cnt1992.xyz/2016/08/06/summary-of-react-base-on-practice/) - [使用React重構百度新聞webapp前端](http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html) - [ant.design](http://ant.design/) - Webpack - [Webpack 實用技巧高效實戰](http://mp.weixin.qq.com/s?__biz=MzI1NjEwMTM4OA==&mid=2651231994&idx=1&sn=17a344ef74809ddd7e8e5b13b00c5652&scene=23&srcid=0802qP0u1RZIHO8nOKCLC4Pp#rd) - [入門 Webpack，看這篇就夠了](https://segmentfault.com/a/1190000006178770) - [如何評價 Webpack 2 新引入的 Tree-shaking 代碼優化技術？](https://www.zhihu.com/question/41922432) #### 7. Vue 群號：364912432 - [A curated list of awesome things related to Vue.js](https://github.com/vuejs/awesome-vue) - [Vue 動態添加模板的幾種方法](https://cinwell.com/post/vue-dynamic-template/) - [Vue 2.0 升（cai）級（keng）之旅](https://segmentfault.com/a/1190000006435886) ##### 7.1 Vue 群內資源 - [使用vue.js模仿小米官網](https://github.com/wendaosanshou/mi-by-vue) - [一個基于vue.js的觸摸滑動插件](https://github.com/wendaosanshou/vue-fullpage) - [二哲 - Vue或React多頁應用腳手架](https://segmentfault.com/a/1190000006789546) #### 8. jQuery - [jQuery Builder](http://projects.jga.me/jquery-builder/) - [jquery圓環進度條插件](http://caibaojian.com/jquery-circle-progress.html) - [簡介 jCanvas：當 jQuery遇上HTML5 Canvas](https://segmentfault.com/a/1190000006615569) #### 9. 看書學習 | 成長 - [國內有哪些好的刷題網站?](https://www.zhihu.com/question/25574458) - [哪些比較好的在線編程網站？](https://zhuanlan.zhihu.com/p/21808087) - [這多年來我一直在專研的技術](http://coolshell.cn/articles/17446.html) - [網易NEC : 更好的CSS樣式解決方案](http://nec.netease.com/) - [私以為可以提高程序員技術檔次的書和博客](https://zhuanlan.zhihu.com/p/22151280) #### 10. Git | Github | SVN | FTP - [Github上有意思的項目推薦](http://www.imooc.com/article/1977) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [在線教育怎么創業？](https://www.zhihu.com/question/20865620) - [學前端的是不是太多了？](https://www.zhihu.com/question/37259103) - [七年失敗的程序之路](http://www.cnblogs.com/dissun/p/5745896.html) - [《七年失敗的程序之路》讀后感](http://www.cnblogs.com/freeflying/p/5762901.html) - [公司融資為什么分a輪、b輪、c輪？除了時間順序上的不同之外，它們之間還有什么差異？](https://www.zhihu.com/question/24667856) - [作為一名工程師，最大的成就感來自哪里？](https://www.zhihu.com/question/46867946) - [程序員年紀大了怎么辦？](https://zhuanlan.zhihu.com/p/19579563) - [老程序員最后都去哪兒了？](https://www.zhihu.com/question/46982287) - [4 年前端狗，2 年 CTO的從業之路](http://www.jianshu.com/p/dc99d0da0c4b) 慕課網講師Scott大神的從業之路分享 #### 12. IDE，編輯器，調試等工具類 - [網站性能優化 之 Chrome DevTools（一）](http://www.jianshu.com/p/471950517b07) - [網站性能優化 之 Chrome DevTools（二）](http://www.jianshu.com/p/b8cdcd9bfad8) - [chrome前端網站導航的插件 注：其他類chrome瀏覽器同樣適用](http://www.w3cfuns.com/notes/14319/3bb0a500e645d12b89b4b2af96f01a6e.html) - [使用 Chrome Timeline 來優化頁面性能](https://blog.coding.net/blog/Chome-Timeline) - [chrome開發者工具淺析--timeline](http://www.cnblogs.com/cherryblossom/p/5502591.html) - [可能是史上最有逼格最實用的chrome擴展程序推薦](https://zhuanlan.zhihu.com/p/22196508) #### 13. 前端架構及工程化等 - [京東單品頁前端開發那些不得不說的事兒](https://keelii.github.io/2016/07/31/something-have-to-say-with-JD-item/) - [下一代模塊打包工具 —— Rollup](http://www.zjy.name/archives/next-generation-module-bundler-rollup.html) #### 14. Sass，PostCSS #### 15. 工作 | 協同 | 流程 #### 16. Nodejs 群號：422910907 - [看過2年前樸靈評注異步機制的文章，現在依然有些問題？](https://www.zhihu.com/question/49460279) - [團隊中的 Node.js 實踐](https://segmentfault.com/a/1190000006216937) - [如何評價 Node.js 的koa框架？](https://www.zhihu.com/question/25388201) - [為什么要使用 Node.js](http://gold.xitu.io/entry/57b54f391532bc0063ebff4c/view) #### 17. UI - [有哪些讓你相見恨晚的 PPT 制作技術或知識？](https://www.zhihu.com/question/30018273) - [畢業季，答辯PPT怎么設計？](http://weibo.com/ttarticle/p/show?id=2309403967892726115867) - [也許這是迄今為止，PPT素材資源最全的總結！](http://weibo.com/ttarticle/p/show?id=2309403970822061617227) - [PS圖層轉CSS3代碼之神器](http://css3ps.com/) - [2016年的平面設計流行趨勢和設計元素是什么？](https://www.zhihu.com/question/37590604) - [如何評價水墨繪畫軟件 Expresii？](https://www.zhihu.com/question/48994208) #### 18. 性能優化教程 - [如何讓你的網頁加載時間降低到 1s 內](http://www.jianshu.com/p/d857c3ff78d6) #### 19. 面試 | 求職 - [如何得到暴雪娛樂公司的工作機會？](https://www.zhihu.com/question/22006772) - [這些Javascript知識點，面試和平時開發都需要](http://www.cnblogs.com/w-wanglei/p/5705882.html) - [有大公司 offer 卻選擇了小公司是為什么？](https://www.zhihu.com/question/31116099) - [讓 BAT 的 Offer 不再難拿](http://www.jianshu.com/p/ee15c1cf9c16) - [前端筆試能用手機查嗎？](https://www.zhihu.com/question/49824557/answer/118130473) - [面試遇到過怎樣的奇葩？](https://www.zhihu.com/question/21271540) 這里邊一些現象或做法是需要個人來規避的 #### 20. mac ios #### 21. php 群號：82254462 - [最好的 PHP 框架是什么？為什么？](https://www.zhihu.com/question/19558755) #### 22. java 群號：145381037 #### 23. python 群號：130705066 - [八大排序算法的Python實現](http://www.imooc.com/article/3927) - [可以用 Python 編程語言做哪些神奇好玩的事情？](https://www.zhihu.com/question/21395276) - [有哪些適合新手練手的Python項目？](https://zhuanlan.zhihu.com/p/22164270) #### 24. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [Web APP與Native APP原生開發模式的區別](http://www.ynyes.com/blog/zixun/93.html) - [Hybrid 架構下的 H5 應用加速方案](http://trock.lofter.com/post/117023_e8e175) - [跨平臺ionic和angularjs編程應用感想](https://yq.aliyun.com/articles/26241) - [極致的 Hybrid：航旅離線包再加速！](https://yq.aliyun.com/articles/2939?spm=5176.8067842.tagmain.20.BbWgKK#) - [React Native 從入門到原理](http://www.jianshu.com/p/978c4bd3a759) #### 25. 英語 #### 26. 其它 - 影視 - [為什么內地獲獎的電影都是《一個勺子》《Hello! 樹先生》《斗牛》《鋼的琴》《白日焰火》這種的？](https://www.zhihu.com/question/26736885) - [你認為趁年輕一定要看的電影有哪些？](https://zhuanlan.zhihu.com/p/21971278) - 健康，養生 - [通過跑步瘦下來是怎樣一種體驗？](https://www.zhihu.com/question/31027404) - [有什么對身體很好的習慣或經驗，你知道后你的世界馬上就不一樣了？](https://www.zhihu.com/question/39910834) - 歷史，人文 - [有哪些和《三體》同一水準的國外科幻小說？](https://www.zhihu.com/question/20136548) - 其它 - [十年來，編程領域有什么重要進展？](https://www.zhihu.com/question/36615008) #### 27. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [bingoJS 群號：172982805](http://git.oschina.net/bingoJS/bingoJS) 2. 中級群 - [ 路易斯 - blog 正則表達式前端使用手冊](http://louiszhai.github.io/2016/06/13/regexp/) - [ 源泉 - http://79px.com](http://www.79px.com) - [杭州-圣 - github-widget](https://github.com/kyo4311/github-widget) - [北京-墨魚 - 針對移動web app開發的前端輕量級框架](https://github.com/moyus/sparrow) 3. 初級群 4. 入門群 5. 跳板群3