## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 12月份前端資源分享 #### 1. Javascript 175453545 - [《Understanding ECMAScript 6》完整中文翻譯](https://zhuanlan.zhihu.com/p/24023171) - [JS跨域解決方案詳解](https://1657413883.github.io/2016/11/28/JS%E8%B7%A8%E5%9F%9F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E8%AF%A6%E8%A7%A3/) - [深究JS異步編程模型](https://segmentfault.com/a/1190000007624332) - [前端新人工作中多造輪子對未來的發展是好是壞？](https://www.zhihu.com/question/53209764) - [如何看待 svelte 這個前端框架？](https://www.zhihu.com/question/53150351) - [2016年開源巨獻：來自百度的71款開源項目](http://www.cnblogs.com/kingboy2008/p/6117741.html) - [探秘JavaScript中的六個字符](http://www.zcfy.cc/article/a-javascript-journey-with-only-six-characters-1370.html) - [寫正則不要再瞎轉義了](http://www.cnblogs.com/ziyunfei/p/6098021.html) - [如何探測 JS 代碼中的死循環](https://zhuanlan.zhihu.com/p/23954773) - [Electron + React + Node.js + ES6 開發桌面軟件](http://blog.csdn.net/arnozhang12/article/details/51735815) - [JavaScript易錯知識點整理](https://gold.xitu.io/post/584268a561ff4b006c27c7b9) - [用 RxJS 連接世界](http://qianduan.guru/2016/12/10/connect-world-with-rxjs/) - [一個專注于成為最好的 js 社區的網站](https://js.org/) - [割裂的前端工程師--- 2017年前端生態窺探](https://zhuanlan.zhihu.com/p/23858051) - [《你不知道的js》中倡導的編程風格？](https://www.zhihu.com/question/53506191) - [JavaScript30 - 1.Drum Kit](https://gold.xitu.io/post/584fa265128fe10058b8e84d) - [StuQ 程序員技能圖譜](https://github.com/TeamStuQ/skill-map) - [js引擎能做到多小？](https://www.zhihu.com/question/53612496) - [聊一聊H5應用緩存\-Manifest](http://louiszhai.github.io/2016/11/25/manifest/) - [盤點2016年熱門技術](https://my.oschina.net/mrtudou/blog/806607) - [Web如何防止XSS攻擊](https://segmentfault.com/a/1190000007752362) - [16種方法實現水平居中垂直居中](http://louiszhai.github.io/2016/03/12/css-center/) - [WEB前端規范](http://www.jianshu.com/p/66f066126f5f) - [參加第11屆D2前端技術論壇，你有什么收獲？](https://www.zhihu.com/question/52777303) - [Medium上有那些值得關注的前端領域的作者？](https://www.zhihu.com/question/53953267) - [JavaScript 函數參數的最佳實踐](http://www.zcfy.cc/article/best-practices-for-javascript-function-parameters-codeutopia-2053.html) - [Web開發的各種性能工具](http://mp.weixin.qq.com/s/4VVKXP-YhcmRlYudorjsIA) - [JavaScript 的性能優化：加載和執行](http://caibaojian.com/jsload.html) - [undersercore源碼分析](https://www.gitbook.com/book/yoyoyohamapi/undersercore-analysis/details) #### 2. 移動微信小程序Javascript開發 群號：148257606 - [一步一步實現字母索引導航欄](http://www.html-js.com/article/luobo-jishubiji-yibuyibushixianzimusuoyindaohanglan%203853) - [微信小程序里碰到的坑和小知識](http://www.html-js.com/article/weixinxiaochengxu-weixinxiaochengxulipengdaodikenghexiaozhishi%203848) - [移動端實現內滾動的4種方案](https://zhuanlan.zhihu.com/p/24125823) #### 3. Html5 - [客戶端(瀏覽器端)數據存儲技術概覽](https://github.com/dwqs/blog/issues/42) - [谷歌 HTML/CSS 規范](https://segmentfault.com/a/1190000007023192) - [【Web動畫】SVG 線條動畫入門](http://www.cnblogs.com/coco1s/p/6225973.html) - [【Web動畫】SVG 實現復雜線條動畫](http://www.cnblogs.com/coco1s/p/6230165.html) #### 4. CSS 群號：578901836 - [新手玩CSS中的一些黑科技](https://zhuanlan.zhihu.com/p/24066984) - [cssreference](http://cssreference.io/) - [7種方式實現web下劃線](http://mp.weixin.qq.com/s/nkJwMQjOqr5I6yf5dRryMA) - [Css切圖過程關于切圖工具Photoshop、Sketch里面的長度單位（字體、行高）問題？](https://www.zhihu.com/question/53181253) - [三列布局面試題延伸](http://www.jackpu.com/san-lie-bu-ju-zuo-you-gu-ding-zhong-jian-lie-zi-gua-ying-tan-jiu/) - [div怎么和它的偽類after共用一樣背景圖片？](https://segmentfault.com/q/1010000007756622) - [既然寫CSS很容易，那為什么大家還是把CSS寫的那么爛呢？](http://www.zcfy.cc/article/if-css-is-so-easy-why-does-everyone-suck-hacker-noon-1683.html) - [CSS方法論完全總結](http://www.cnblogs.com/kidney/p/6197037.html) - [CSS最佳實踐——成為CSS忍者的十四步(上)](https://mp.weixin.qq.com/s/3nUibvyulsE-8HECwcletg) - [CSS最佳實踐——成為CSS忍者的十四步(下)](https://mp.weixin.qq.com/s/vk_IVLt_c4nL8VaNg0JRRQ) - [第三屆 CSS 開發者大會筆記](http://www.jianshu.com/p/c17ef1195543) - [CSS 繼承深度解析](https://github.com/xitu/gold-miner/blob/master/TODO/css-inheritance-cascade-global-scope-new-old-worst-best-friends.md) - [2016年 CSS 庫、框架和工具新生榜 TOP 50](https://my.oschina.net/u/2903254/blog/809874) - [構建穩固的、可升縮的CSS框架的八大原則](http://www.zcfy.cc/article/8-simple-rules-for-a-robust-scalable-css-architecture-2082.html) - [css的未來](http://www.cnblogs.com/pssp/p/6035199.html) - [說說CSS學習中的瓶頸](http://www.zhangxinxu.com/wordpress/2012/07/bottleneck-css-study/) - [視覺格式化模型中的各種框](http://blog.doyoe.com/2015/03/09/css/%E8%A7%86%E8%A7%89%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%A8%A1%E5%9E%8B%E4%B8%AD%E7%9A%84%E5%90%84%E7%A7%8D%E6%A1%86/) - [Flex 布局語法教程](http://www.runoob.com/w3cnote/flex-grammar.html) - [CSS display 屬性詳解](https://segmentfault.com/a/1190000006047872) #### 5. Angular 群號：238251402 - [使用 NativeScript 和 Angular2 構建跨平臺 APP](http://qianduan.guru/2016/07/03/create_cross_platform_app_with_nativescript_angular/?utm_source=gold_browser_extension) - [如何評價 angular 2 中的 AoT？](https://www.zhihu.com/question/53434390) - [去哪里學Angular 2，怎么學](https://www.delivoper.com/t/angular-2/32) - [怎么看待2017 年三月 Angular 直接跳 4？](http://www.zhihu.com/question/53484685) - [JavaScript in TypeScript - TypeScript 2.1 新特性一覽](https://zhuanlan.zhihu.com/p/24267683) #### 6. React, Webpack 群號：530415177 - React - [React 高級指南小記](https://uxwind.me/2016/11/29/react-advanced-guides.html) - [awesome-react-cn](https://github.com/Pines-Cheng/awesome-react-cn) 一份詳細的react的資源，插件，文檔，教程，庫和使用實例清單 - [awesome-react](https://github.com/enaqx/awesome-react) A collection of awesome things regarding React ecosystem. - [收集的關于redux作者的東西](https://github.com/NE-SmallTown/Study-React/blob/master/Something-Interestingly-About-Redux-Or-Its-Author.md) - [用React、Redux、Immutable做俄羅斯方塊](https://github.com/chvin/react-tetris/) - [React Demo](https://github.com/hjzheng/react-demo-starter) - Webpack - [Webpack 2 入門教程](https://llp0574.github.io/2016/11/29/getting-started-with-webpack2/) - [WebPack中文文檔](https://webpack.vuefe.cn/concepts/index/) - [WebPack項目構建工具](https://hongqinma.github.io/2016/12/02/t13-webpack%E9%A1%B9%E7%9B%AE%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7/) - [webpack 使用總結](http://www.ferecord.com/webpack-summary.html) #### 7. Vue 群號：364912432 - [Vue中你不知道但卻很實用的黑科技](https://zhuanlan.zhihu.com/p/24173419) - [前端頁面熱數據太多，每秒都要請求幾百個數據更新，開發這樣的頁面 Vue 性能怎么樣？](https://www.zhihu.com/question/53386694) - [為什么vue.js一眼看上去很美?](https://segmentfault.com/a/1190000007548442) - [無需編譯、快速生成 Vue 風格的文檔網站](https://zhuanlan.zhihu.com/p/24540753) - [Vue in 2016](https://github.com/neal1991/articles-translator/blob/master/Vue%20in%C2%A02016.md) - [通過斷點(Breakpoint Sharer)試著閱讀Vue.js的源碼——其一](http://tech.colla.me/zh/show/read_vue_js_sourcecode_by_breakpoints) - [Think.js與Vue2服務端渲染](https://smallpath.me/post/thinkjs-ssr) - [Vue組件,用于Vue組件的延遲渲染](https://github.com/yeyuqiudeng/vue-lazy-render) ##### 7.1 Vue 群內資源 #### 8. jQuery - [Bootstrap Table](http://issues.wenzhixin.net.cn/bootstrap-table/) - [jquery.scrollTo](https://github.com/flesler/jquery.scrollTo) #### 9. 看書學習 | 成長 - [讀了很多書，但是都忘掉了，讀書的意義在哪里？](https://www.zhihu.com/question/22456239) - [我的 2016 年](http://www.ruanyifeng.com/blog/2016/12/year_summary.html) - [一個人寫作的水平會隨著讀書變多而有明顯的進步嗎？](https://www.zhihu.com/question/53811979) - [我的2016年書單](https://zhuanlan.zhihu.com/p/24539417) - [2016年末總結，我的前端之路](https://segmentfault.com/a/1190000007963160) #### 10. Git | Github | SVN | FTP - [Git提交的正確姿勢：Commit message 和 Change log 編寫指南](https://mp.weixin.qq.com/s?__biz=MzA4MjU5NTY0NA==&mid=401840568&idx=1&sn=051879b73f32ab7bcbcfc2e3cdd85f07) - [你必須『收藏』的Github技巧](https://gold.xitu.io/post/58509f8161ff4b00683a360c) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [如何看支付寶做社交？](https://www.zhihu.com/question/27855883) - [2016 年哪些互聯網行業在由盛轉衰？](https://www.zhihu.com/question/53307534) - [從培訓班出來之后找工作的經歷，教會了我這五件事](https://gold.xitu.io/post/5842c27c61ff4b006c2a55d7) - [非計算機專業學生怎么走上計算機技術之路？](https://www.zhihu.com/question/21671705) - [北京和上海的互聯網創業氛圍有什么區別？](https://www.zhihu.com/question/19717905) - [現在前端市場是不是已經飽和了？](https://www.zhihu.com/question/53682106) - [休假或跳槽有助于解決工作的倦怠感嗎？](https://www.zhihu.com/roundtable/burnout) - [2016 年哪些互聯網行業在由盛轉衰？](https://www.zhihu.com/question/53307534) - [技術人員的發展之路](http://coolshell.cn/articles/17583.html) #### 12. IDE，編輯器，調試等工具類 - [coolaf - 在線http post,get接口測試請求工具online,api,生成文檔,生成markdown文檔在線工具](http://coolaf.com/) - [Intellij IDEA 一些不為人知的技巧](http://www.jianshu.com/p/364b94a664ff) - [Yarn vs npm：你需要知道的一切](http://qianduan.guru/2016/11/09/yarn-vs-npm/) - [KindEditor富文本編輯器Font-Awesome字體圖標版](https://github.com/liuxuanqiang/KindEditor-FontAwesome) - [Windows版的dash](https://velocity.silverlakesoftware.com/) #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt - [docker在web開發中得使用流程是怎樣的？](https://www.zhihu.com/question/51134842) - [一名微博架構師的2016年終總結](http://weibo.com/ttarticle/p/show?id=2309404056715350948989) - [2016-我的前端之路:工具化與工程化](https://zhuanlan.zhihu.com/p/24575395) #### 14. Sass，PostCSS 群號：578901836 - [SASS參考手冊](http://sass.bootcss.com/docs/sass-reference/) #### 15. 工作方法 | 協同 | 流程 - [我腦海中的優秀技術團隊](http://www.html-js.com/article/dasoucheqianduantuanduizhuanlan-wonaohaizhongdiyouxiujishutuandui%203667) - [7招提升你的前端開發效率](https://gold.xitu.io/post/5857ef1f128fe1006dc4190c) - [前端網老姚淺談：怎么學JavaScript？](https://zhuanlan.zhihu.com/p/23265155) - [前端疲勞](http://www.jianshu.com/p/a2eff3d721cb) #### 16. Nodejs 群號：422910907 - [Top 10 系列：NodeJS in November](https://gold.xitu.io/post/5843e4d4128fe1005778aecf?utm_source=gold_browser_extension) - [Node.js 之 log4js 完全講解](http://qianduan.guru/2016/08/21/nodejs-lesson-1-log4js/?utm_source=gold_browser_extension) - [nodejs 訪問myql驅動的api,中文翻譯](http://www.cnblogs.com/btgyoyo/p/6158797.html) - [記nodejs web版 mock-server小系統開發過程及功能說明](http://www.jianshu.com/p/d7c96bac6e5f) - [Node.js 對于Java 開發者來說意味著什么?](https://coyee.com/article/11639-what-is-node-js-for-java-developers) #### 17. UI 群號：321173051 - [2016 Medium值得閱讀的設計文章](https://zhuanlan.zhihu.com/p/24452929) - [[譯] 如何用 Sketch 打造「前端框架」](https://zhuanlan.zhihu.com/p/24465933) - [2016 年的藝術界有何值得留意之處？](https://www.zhihu.com/question/54017434) - [最有影響力的設計博客有哪些？](https://www.zhihu.com/question/19653726) #### 18. 性能優化教程 - [聊聊瀏覽器的渲染機制](https://segmentfault.com/a/1190000007766425) - [Web開發的各種性能工具](http://mp.weixin.qq.com/s/4VVKXP-YhcmRlYudorjsIA) - [MSDN定義文檔兼容性](https://msdn.microsoft.com/zh-cn/library/cc288325\(v=vs.85\).aspx) - [從制作世界上最快的網站中學到的十件事[譯]](https://zhuanlan.zhihu.com/p/24577980) #### 19. 面試 | 求職 - [如何提升你的面試機會？](https://zhuanlan.zhihu.com/p/24193639) #### 20. Mac ios 群號：415074410 - [新 MacBook Pro 適合開發嗎？](http://macshuo.com/?p=1391) #### 21. Android 群號：415074410 - [Android圖片加載庫的封裝實戰之路](http://blog.csdn.net/s003603u/article/details/53436089) - [2016年安卓有哪些創新？超越了蘋果？](https://www.zhihu.com/question/54145248) #### 22. PHP 群號：82254462 - [PHP入門篇](http://www.imooc.com/learn/54) - [PHP進階篇](http://www.imooc.com/learn/26) - [PHP與MySQL關系大揭秘](http://www.imooc.com/learn/116) - [PHP開發APP接口](http://www.imooc.com/learn/163) #### 23. Java 群號：145381037 - [IntelliJ IDEA 插件開發視頻教程](https://github.com/judasn/IntelliJ-IDEA-Tutorial/blob/newMaster/plugins-develop.md) #### 24. Python 群號：130705066 - [理解Python并發編程一篇就夠了 | 進程篇](http://mp.weixin.qq.com/s/Km-HAY9Jbg5hbuTl5Xj8dw) - [Python和Flask真強大：不能錯過的15篇技術熱文](http://mp.weixin.qq.com/s?__biz=MzA4MjEyNTA5Mw==&mid=2652564397&idx=1&sn=24d73e99ba5489b98863e61c5b49bc03&chksm=8464c3e7b3134af12ddf3bd8a417ee4a6ddb6baec06697629afd456b6f670f2b8048c7ae8b66&mpshare=1&scene=23&srcid=1213JfnR7c0uRLrAgizTSAM2#rd) - [GitHub 上 57 款最流行的開源深度學習項目](http://www.oschina.net/news/79500/57-most-popular-deep-learning-project-at-github) - [你必須『收藏』的Github技巧](https://gold.xitu.io/post/58509f8161ff4b00683a360c) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [美團大眾點評 Hybrid 化建設](http://mp.weixin.qq.com/s/rNGD6SotKoO8frmxIU8-xw) - [移動端路由層設計](http://www.jianshu.com/p/be7da3ed4100) - [漂亮的菜單彈出控件 BoomMenu](https://github.com/Nightonke/BoomMenu) - [移動 Web 滾動性能優化: Passive event listeners](https://medium.com/@justjavac/rolling-performance-optimization-passive-event-listeners-4f942eec4dca#.86oz2qpfa) - [移動前端自適應解決方案和比較](http://caibaojian.com/mobile-responsive-example.html) - [移動端富文本編輯器](https://medit.js.org/index.html) #### 26. ASP.NET C# 群號：461614624 - [Bootstrap WPF Style,Bootstrap風格的WPF樣式](http://www.cnblogs.com/tsliwei/p/6138412.html) - [.NET Core 首例 Office 開源跨平臺組件（NPOI Core）](http://www.cnblogs.com/savorboard/p/netcore-npoi.html) - [日交易額百億級交易系統的超輕量日志實現](http://www.cnblogs.com/cyfonly/p/6139049.html) - [C#將WebBowser控件替換為Chrome內核](http://www.cnblogs.com/gdyblog/p/WebKitBrowser.html) #### 27. Go 群號：336195657 - [50 Shades of Go: Traps, Gotchas, and Common Mistakes for New Golang Devs ](http://devs.cloudimmunity.com/gotchas-and-common-mistakes-in-go-golang/index.html) - [Go的50坑：新Golang開發者要注意的陷阱、技巧和常見錯誤[1]](http://studygolang.com/articles/8382) - [Go的50坑：新Golang開發者要注意的陷阱、技巧和常見錯誤[2]](http://studygolang.com/articles/7994) - [Go語言運算符](http://studygolang.com/articles/5404) #### 28. 英語 #### 29. 其它 - 影視 - [如何評價電影《血戰鋼鋸嶺》](https://www.zhihu.com/question/49939150) - [2017年不得不看的好萊塢大片，超給力電影大年（史上最猛）](https://zhuanlan.zhihu.com/p/24312764) - 健康，養生 - [為什么跑步那么久卻沒有減肥成功？](https://www.zhihu.com/question/34502161) - 歷史，人文 - [眼看著自己所在行業日漸衰退是怎樣一種體驗？](https://www.zhihu.com/question/39957694) - 其它 - [2016年前端開發者深度調研，看看別人使用什么技術體系](https://segmentfault.com/a/1190000007666924) - [Linux 命令大全提供 500 多個 Linux 命令搜索](https://jaywcjlove.github.io/linux-command/) 516 個 Linux 命令大全，內容包含 Linux 命令手冊、詳解、學習，值得收藏的 Linux 命令速查手冊。 - [展望未來，總結過去10年的程序員生涯，給程序員小弟弟小妹妹們的一些總結性忠告](http://hiyangguo.github.io/%E9%B8%A1%E6%B1%A4/good-advice-for-young-people/) - [如何評價Solaris操作系統被裁撤？](https://www.zhihu.com/question/53248141) - [知其所以然（以算法學習為例）](http://mindhacks.cn/2008/07/07/the-importance-of-knowing-why/) - [各個編程語言都有哪些“黑點”？](https://www.zhihu.com/question/53584423) - [微軟的office軟件有什么實用但一般人不知道的功能？](http://www.zhihu.com/question/53679523) - [連載：全球最牛的28個大數據可視化應用案例(一)](http://www.36dsj.com/archives/41214) - [Young.Z Coding&Tech - nginx 基本入門](https://zhuanlan.zhihu.com/p/24382606) - [知乎2016 年度盤點](https://www.zhihu.com/roundtable/bestof2016) - [有什么妙招能讓自己生氣時緩和下來？](https://www.zhihu.com/question/54180277) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [一個簡單的node app 部署工具](https://github.com/hstarorg/app-publisher) - [基于Ng2的模塊化開發平臺核心代碼](https://github.com/hstarorg/ng2-modular-platform) - [Redux 入門教程，應用的狀態管理器](http://www.jianshu.com/p/d296a8c34936) - [State 設計，Redux 開發第一步](http://www.jianshu.com/p/ba8654cb77b6) - [Reducer 最佳實踐，Redux 開發最重要的部分](http://www.jianshu.com/p/938f8121ba0f) 2. 中級群 3. 初級群 - [@Godfery(兔爸)][godfery-home]參與開發：[RSuite](http://rsuite.github.io) > 一個基于 React.js 開發的 Web 組件庫，參考 Bootstrap 設計，提供其中常用組件，支持響應式布局。我們的目標就是讓 WEB 開發更快捷，同時具有一定的靈活性和擴展性。 4. 初級2群 5. 跳板7群 #### 31. 感謝以下貢獻者 - [@云峰](https://github.com/wuyunfeng8) - [@hd](https://github.com/yuwl798180) - [@mk先生](http://mk.doufuf.com/) - [@Godfery][godfery-home] - [@LFasMike](https://github.com/LFasMike) - [@@@@](https://github.com/wjkang) - [@清歡](https://github.com/yogueta) [godfery-home]:https://github.com/hiyangguo