2016-11 · JS前端開發群月報

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 11月份前端資源分享 #### 1. Javascript 175453545 - [基于NodeJs搭建的云瓣影音網站&微信端](https://github.com/MuYunyun/yunban) - [IT干貨分享 - 前端Web開發資源整理](http://zhuanlan.zhihu.com/p/23344447) - [詳解一下 javascript 中的比較](https://segmentfault.com/q/1010000000305997) - [Ajax知識體系](http://louiszhai.github.io/2016/11/02/ajax/) - [JavaScript正則表達式](http://www.imooc.com/learn/706) - [JavaScript練習網站收集](http://www.lixuejiang.me/2016/11/01/JavaScript%E7%9A%84%E7%BB%83%E4%B9%A0%E7%BD%91%E7%AB%99%E6%94%B6%E9%9B%86/) - [怎么學JavaScript？](https://zhuanlan.zhihu.com/p/23265155) - [原生js數字滾動效果1](https://github.com/kele527/digitRoll) - [原生js數字滾動效果2](https://github.com/channg/numberScroll-js) - [從jQuery到Vue你可能還錯過了一個Backbone](https://zhuanlan.zhihu.com/p/23508136) - [可視化排序算法](https://zhuanlan.zhihu.com/p/23550489) - [前端知識庫](http://www.hmoore.net/wujie520303/bookmark/221973) - [全棧工程師培訓材料](https://github.com/ruanyf/jstraining) - [一個治愈 JavaScript 疲勞的學習計劃](http://www.zcfy.cc/article/a-study-plan-to-cure-javascript-fatigue-free-code-camp-1617.html) - [前端早讀課_你不懂JS：this是什么？](http://mp.weixin.qq.com/s/yb6mGHeKEO0g5gj_f4DnAA) - [JavaScript 包管理器工作原理簡介](https://github.com/xitu/gold-miner/blob/master/TODO/javascript-package-managers.md) - [三張圖搞懂JavaScript的原型對象與原型鏈](http://gold.xitu.io/post/5835853f570c35005e413b19) - [一張圖看懂 Function 和 Object 的關系及簡述 instanceof 運算符](http://gold.xitu.io/post/58358606570c35005e4142bd) - [為何如此多的前端吹捧ES6?](https://www.zhihu.com/question/53045668) #### 2. 移動微信小程序Javascript開發群號：148257606 - [個人無法注冊微信小程序,教你如何真機測試微信小程序](http://weappdev.com/t/topic/242) - [微信小程序初體驗（上）](https://isux.tencent.com/weixinxiaochengxuchutiyanshang.html) - [微信小程序實戰項目--第三發](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-san-fa/) - [微信小程序實戰項目--第四發](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-si-fa/) - [滴滴出行在小程序的實踐](http://download.csdn.net/index.php/mobile/meeting/speech_preview/171) - [微信小程序第一次官方公開課圖片文字直播](http://www.diycode.cc/topics/449) - [移動 Web 利器 transformjs 入門](http://gold.xitu.io/post/5837abc2a22b9d006cfe11af?utm_source=gold_browser_extension) - [移動端適配方法合集](http://azq.space/blog/bigcan-lesson-1/) #### 3. Html5 - [canvas入門基礎系列](http://ghmagical.com/article/page/id/wzfKI53Gga3X) - [Html5項目常見問題匯總及解決方案](https://github.com/FrontEndZQ/HTML5-FAQ) - [如何開發一個簡單的HTML5 Canvas游戲](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/) #### 4. CSS 群號：578901836 - [談談一些有趣的CSS題目（七）-- 消失的邊界線問題](http://www.cnblogs.com/coco1s/p/5948383.html) - [談談一些有趣的CSS題目（八）-- 純CSS的導航欄Tab切換方案](http://www.cnblogs.com/coco1s/p/5955631.html) - [談談一些有趣的CSS題目（九）-- 巧妙的實現 CSS 斜線](http://www.cnblogs.com/coco1s/p/6026009.html) - [CSS3的content屬性詳解](https://segmentfault.com/a/1190000002750033) - [http://enjoycss.com/](http://enjoycss.com/) 一款先進的CSS3代碼生成工具，主要有文本、按鈕、陰影、邊框、過渡、變換等效果。 - [http://browserhacks.com/](http://browserhacks.com/) 各種瀏覽器的hack寫法 - [http://www.w3cplus.com/css/browser-hacks.html](http://www.w3cplus.com/css/browser-hacks.html) BROWSERHACKS - 大漠網站介紹 - [http://linxz.github.io/tianyizone](http://linxz.github.io/tianyizone) 志爺-CSS小工具集合 - [http://caniuse.com/](http://caniuse.com/) 國外瀏覽器兼容性檢查：html,css,svg,html5,css3，包托：opera,chrome,firefox,safari,ie - [http://www.colorzilla.com](http://www.colorzilla.com/gradient-editor) 一款漸變生成工具 - [http://apps.eky.hk/css-triangle-generator/zh-hant](http://apps.eky.hk/css-triangle-generator/zh-hant) CSS三角形產生器 - [http://www.cutterman.cn/zh](http://www.cutterman.cn/zh) 切圖、標注等工具 - [http://cssanimate.com/](http://cssanimate.com/) CSS3動畫制作工具 - [http://isux.tencent.com/css3/tools.html](http://isux.tencent.com/css3/tools.html) 騰訊css3動畫制作工具 - [https://jigsaw.w3.org/css-validator/](https://jigsaw.w3.org/css-validator/) w3c css驗證 - [https://validator.w3.org/](https://validator.w3.org/) Html驗證 - [7個你可能不認識的CSS單位](https://github.com/simaQ/cssfun/issues/1) - [https://github.com/peunzhang/pageResponse](https://github.com/peunzhang/pageResponse) 移動端響應式插件-pageResponse - [You Don't Know CSS（一）](https://zhuanlan.zhihu.com/p/23829153) - [You Don't Know CSS（二）](https://zhuanlan.zhihu.com/p/23856688?refer=c_29157201) - [CSS3 object-fit 和 object-position](http://gold.xitu.io/post/5832c1e367f35600635bb8b4) - [CSS 面包屑導航欄](http://www.jianshu.com/p/030a375934bf) - [扒一扒 CSS 語言的誕生史](http://qianduan.guru/2016/07/26/The-Languages-Which-Almost-Became-CSS/?utm_source=gold_browser_extension) - [Houdini：CSS 領域最令人振奮的革新](http://qianduan.guru/2016/05/20/houdini/?utm_source=gold_browser_extension) - [移動前端手機輸入法自帶emoji表情字符處理](http://www.cnblogs.com/baocheng/p/5694516.html) - [CSS居中：完全指南](http://blog.eamonn.cn/2016/01/28/CSS%E5%B1%85%E4%B8%AD%EF%BC%9A%E5%AE%8C%E5%85%A8%E6%8C%87%E5%8D%97%EF%BC%88%E8%AF%91%EF%BC%89/) #### 5. Angular 群號：238251402 - [angular常用插件](http://www.hmoore.net/wujie520303/angular-common-plugins/160814) - [前端知識庫 - Angular 2](http://www.hmoore.net/wujie520303/bookmark/226751) - [關于Angular2的一些資料（持續更新中）](https://segmentfault.com/a/1190000003761054) #### 6. React, Webpack 群號：530415177 - React - [React 快速入門小記](https://uxwind.me/2016/11/10/react-quick-start.html) - [React學習資源匯總](https://github.com/tsrot/study-notes/blob/master/React%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%BA%90%E6%B1%87%E6%80%BB.md) - [基于dva-cli&antd的react項目實戰](http://que01.top/2016/11/20/dva-react/) - [React與Redux教程（一）connect、applyMiddleware、thunk、webpackHotMiddleware](https://lewis617.github.io/2016/01/19/r2-counter/) - [一看就懂的ReactJs入門教程-精華版](http://www.cnblogs.com/yunfeifei/p/4486125.html) - [使用 React.js 的漸進式 Web 應用程序：第 3 部分 - 離線支持和網絡恢復能力](https://zhuanlan.zhihu.com/p/23966686) - Webpack - [webpack 教程資源收集](https://github.com/kraaas/webpack-tutorial-collection) - [【譯】webpack之謎](https://segmentfault.com/a/1190000007429897) - [webpack 教科書式入門教程](https://segmentfault.com/a/1190000005022872) #### 7. Vue 群號：364912432 - [vue-list 列表滾動](https://github.com/Alex-fun/vue-list) - [探秘 vue-rx 2.0](https://zhuanlan.zhihu.com/p/23575516) - [vue 性能優化](https://github.com/Coffcer/Blog/issues/3) - [Vue 2.0源碼學習](https://segmentfault.com/a/1190000007484936) - [基于vue、vuex、vue-router、echarts搭建的數據展示平臺](http://hyuhan.com/2016/11/17/A-data-display-platform/) - [在Vue工作流中使用CSS Modules](https://segmentfault.com/a/1190000007468604) - [Vue 2.0 構建單頁應用最佳實戰](http://gold.xitu.io/post/583d1fe00ce463006baca2fa?utm_source=gold_browser_extension) ##### 7.1 Vue 群內資源 #### 8. jQuery - [使用JavaScript解決網頁圖片拉伸問題](https://zhuanlan.zhihu.com/p/23611805) #### 9. 看書學習 | 成長 - [前端規范](http://front-end-standards.com/#1) - [自學前端開發：代碼之外要關注的問題](https://zhuanlan.zhihu.com/p/23629993) - [哪里可以找到前端開發的最新資訊？](http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651551457&idx=1&sn=6939ce7cc0efa82e0fd2c9f00e622471&chksm=8025a120b7522836aff0209e54a2b6af7e06fd52d9b13e091ca57a63c0b29371ecb4c2909760&mpshare=1&scene=1&srcid=1116qeRQpOZV6oke8usMbB0e#rd) - [你經歷過哪些思維上的轉變？](https://www.zhihu.com/question/51326409/answer/132983736) #### 10. Git | Github | SVN | FTP - [使用Git時一些問題的處理](http://www.cnblogs.com/schaepher/p/4970291.html) 如何在github回退一個merge - [SourceTree 上傳代碼到 github](http://www.jianshu.com/p/2d2c54bcb1c3) - [GIT 視頻教程 + 文字教程](https://git.oschina.net/ljjgithub/git-video) - [如何正確接收 GitHub 的消息郵件](http://www.tuicool.com/articles/riAjmyv) - [git gui工具介紹](http://blog.csdn.net/caiyunlei91/article/details/52549960?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) - [瘳雪峰-Git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/) - [Git命令小記](http://www.cnblogs.com/cassvin/archive/2012/01/29/git_commands.html) - [Git常用命令](http://blog.csdn.net/ithomer/article/details/7529022) - [Git-book](https://git-scm.com/book/zh/v2) - [Git參考手冊](http://gitref.org/zh/index.html) - [使用git和github進行協同開發流程](http://livoras.com/post/28) - [github秘籍](https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md) - [動畫方式練習git-1](http://onlywei.github.io/explain-git-with-d3/) - [動畫方式練習git-2](https://github.com/onlywei/explain-git-with-d3) - [如何在github上fork一個項目來貢獻代碼以及同步原作者的修改](http://www.cnblogs.com/rubylouvre/archive/2013/01/24/2874694.html) - [GitHub 漫游指南](https://github.com/phodal/github-roam) - [github readme.md 添加圖片 ](http://blog.chinaunix.net/uid-26495963-id-3367377.html) - [版本控制入門 – 搬進 Github](http://www.imooc.com/learn/390) - [版本管理工具介紹—Git篇](http://www.imooc.com/learn/208) - [GitHub&Git入門基礎](http://m.nowcoder.com/courses/2) - [github瀏覽增強-插件](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc/related) - [一個能并列高亮顯示文件比較結果的小工具](http://www.jefftk.com/icdiff) - [GitHub——如何更新已經fork的代碼](http://www.cnblogs.com/zyumeng/p/3442263.html) - [Git 王者超神之路](http://www.jianshu.com/p/f4cd5f2d1a5f) - [用github來展示你的前端頁面吧](https://segmentfault.com/a/1190000007544336) - [單個GitHub帳號下添加多個GitHub Pages的相關問題](https://segmentfault.com/a/1190000003946969) - [[譯] 如何編寫友好的 README](https://segmentfault.com/a/1190000006834614) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [是辭職還是不辭職？](http://www.zhihu.com/question/51682219) - [技術團隊的管理體系](http://zhuanlan.zhihu.com/p/23382206) - [那些拿完A輪，B輪后創業失敗的創始人最后都什么結局？](https://www.zhihu.com/question/52200915) - [朋友邀我做合伙人給干股2% 但和我現在工資比少了1大半，值得嗎？](http://www.zhihu.com/question/52132406) - [作為公司高管，你每天上班都做什么？](https://www.zhihu.com/question/27221337) - [你加班太多是因為你的代碼寫的爛](http://www.cnblogs.com/yuanguobin/p/6096029.html) - [IT培訓行業揭秘（一）](http://www.cnblogs.com/renyanlei/p/6089315.html) - [IT培訓行業揭秘（二）](http://www.cnblogs.com/renyanlei/p/6093182.html) - [IT培訓行業揭秘（三）](http://www.cnblogs.com/renyanlei/p/6098495.html) - [創業公司 CEO 們是如何識別人才的？](https://www.zhihu.com/question/21386637) #### 12. IDE，編輯器，調試等工具類 - [http://compresspng.com/zh/](http://compresspng.com/zh/) - 圖片壓縮：支持PDF壓縮，批量壓縮 - [http://sqlfiddle.com/](http://sqlfiddle.com/) - sql在線演示 - sqlfiddle - [https://jsfiddle.net/](https://jsfiddle.net/) - css,js在線演示 - jsfiddle - [http://codepen.io/](http://codepen.io/) - css,js在線演示 - codepen - [http://jsbin.com/](http://jsbin.com/) - css,js在線演示 - jsbin - [http://runjs.cn/](http://runjs.cn/) - css,js在線演示 - runjs - [http://code.hcharts.cn/](http://code.hcharts.cn/) - css,js在線演示 - code.hcharts - [http://phpfiddle.org/](http://phpfiddle.org/) - php演示 - phpfiddle - [http://tool.lu/coderunner/](http://tool.lu/coderunner/) - 可在線運行php,c,c++,go,python,nodejs,java,groovy代碼，測試代碼 - [http://tool.lu/](http://tool.lu/) - 在線工具,開發人員工具,代碼格式化、壓縮、加密、解密,下載鏈接轉換,sql工具,正則測試工具 - [http://ideone.com/](http://ideone.com/) - Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 40+ other compilers and interpreters - [http://codepad.org/codepad](http://codepad.org/) - 支持C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby,Scheme,Tcl - [http://codemirror.net/](http://codemirror.net/) - 許多在線編輯器背后的功臣，支持C/C++/C#/Java/Scala/GroovyPython/Ruby/HTML/CSS/JavaScript/PHP等 - [Webstorm主題 - S1ngS1ng](https://github.com/S1ngS1ng/dotFiles) - [Electron（一）--初步了解并動手HelloWorld](http://www.cnblogs.com/wuyunfeng/p/6065597.html) - [Fiddler工具使用](http://www.imooc.com/learn/37) - [fiddle 教程](http://www.cnblogs.com/tankxiao/archive/2012/02/06/2337728.html) - [fiddler](http://www.ipmtea.net/css_tools/201110/09_711.html) - [whistle跨平臺的web調試代理工具 - 功能類似Fiddler，主要用于查看或修改HTTP、HTTPS、Websocket的請求或響應或作為HTTP代理服務器](https://github.com/avwo/whistle) - [超全面+最流行的「前端速查表」高清版大全](http://www.uisdc.com/frontend-quick-search-sheet) - [Chrome - Stalled, Request sent, Waiting, Content Download 的意思](https://segmentfault.com/q/1010000002399481) - [ionic調試方法總結](http://www.ioniconline.com/ionic-debug-method/) - [如何保存某位知乎用戶的所有答案/某個問題的所有答案/某個專欄的所有文章？](https://github.com/YaoZeyuan/ZhihuHelp) - [Console Api 讓 JS 調試更簡單、高效](https://segmentfault.com/p/1210000007520195) - [誰說前端非得等后端寫完api才能開發](https://segmentfault.com/p/1210000007331405) - [天啦嚕！原來Chrome自帶的開發者工具還能這么用！](https://zhuanlan.zhihu.com/p/22665710) - [遠程實時調試手機上的Web頁面](http://www.cnblogs.com/yuzhongwusan/p/4277453.html) - [Atom 背后的故事](https://zhuanlan.zhihu.com/p/23536047) - [如何在前端開發中增加編碼效率，這里有十款 Chrome 擴展可以幫你](http://qianduan.guru/2016/07/29/10-chrome-extensions-for-web-developer/) - [比console.log更多－chrome 調試命令](http://www.jianshu.com/p/a894f7f8d27d) #### 13. 前端架構及工程化等 - [前端構建工具是什么？](https://www.zhihu.com/question/35595198) - [gulp分組合并（gulp-group-concat）后如何替換html中的引用？](https://segmentfault.com/q/1010000003908091) - [美團點評酒旅前端的技術體系](https://zhuanlan.zhihu.com/p/23976121) #### 14. Sass，PostCSS 群號：578901836 #### 15. 工作方法 | 協同 | 流程 - [佐藤先生語錄第7條---一些中國大陸青年人在公共場合的提問顯得質量不高，原因有哪些](https://www.douban.com/note/473449923/) #### 16. Nodejs 群號：422910907 - [為什么 npm 要為每個項目單獨安裝一遍 node_modules？](https://www.zhihu.com/question/41409670) - [zhihu-api 1.0.0](https://zhuanlan.zhihu.com/p/23684497) 僅提供基本的數據接口，需要你自己實現抓取策略。請自覺僅將此項目應用于科研目的。 - [一起學 Node.js](https://github.com/nswbmw/N-blog) 使用 Express + MongoDB 搭建多人博客 - [閱讀 NodeJS 文檔，我學到了這 19 件事情](https://github.com/xitu/gold-miner/blob/master/TODO/19-things-i-learnt-reading-the-nodejs-docs.md) - [玩轉npm](http://www.jianshu.com/p/8a114304dd6e) #### 17. UI 群號：321173051 - [零基礎該如何學習畫水彩？](http://www.zhihu.com/question/38586106) - [一些關于界面設計的技巧](http://www.cnblogs.com/MuYunyun/p/6037262.html) #### 18. 性能優化教程 - [[譯] 全方位提升網站打開速度：前端、后端、新的技術](https://zhuanlan.zhihu.com/p/23686793) #### 19. 面試 | 求職 - [【雜文】從實習到校招到工作](http://www.cnblogs.com/leesf456/p/6019583.html) - [面試官問你的缺點是什么，應該如何回答？](https://www.zhihu.com/question/22357547) - [程序員面試所需的軟技能](http://zhuanlan.zhihu.com/p/23558753) - [擔任技術面試官是一種怎樣的體驗？](https://www.zhihu.com/question/50879596) #### 20. Mac ios 群號：415074410 - [Mac 上最好的 Markdown 文本編輯器是什么？](https://www.zhihu.com/question/22700184) - [HammerSpoon配置 - 窗口管理](https://github.com/S1ngS1ng/HammerSpoon) #### 21. Android 群號：415074410 - [Android最新源碼匯總](http://androidblog.cn/index.php/Source/) - [GitHub 上有哪些適合新人圍觀的 Android 項目？](https://www.zhihu.com/question/28481864) #### 22. PHP 群號：82254462 - [PHP 技能樹](http://www.jianshu.com/p/e9219da162e6) - [PHP程序員的技能樹](https://segmentfault.com/a/1190000002808517) #### 23. Java 群號：145381037 - [java技能樹](http://www.rowkey.me/blog/2016/06/17/java-skill-tree/) - [java技能樹-較為全面](http://www.jianshu.com/p/40902dbb5167) - [后端程序員技能樹?](https://www.zhihu.com/question/39888195) - [最近5年133個Java面試問題列表](https://zhuanlan.zhihu.com/p/23533393) #### 24. Python 群號：130705066 - [Python網絡爬蟲實戰項目代碼大全（長期更新，歡迎補充）](https://zhuanlan.zhihu.com/p/22390905) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [攜程是如何做React Native優化的](https://zhuanlan.zhihu.com/p/23715716) - [30個關于手機 APP 界面 UI 動效欣賞](https://xituqu.com/624.html) - [教你如何預判用戶手勢行為](http://gold.xitu.io/post/582d5f2ad203090067f946df) - [先定一個小目標，比如寫一個QQ](http://www.jianshu.com/p/df9551805736#) - [如何讓頁面適配各種機型](http://i.jakeyu.top/2016/04/18/%E5%A6%82%E4%BD%95%E8%AE%A9%E9%A1%B5%E9%9D%A2%E9%80%82%E9%85%8D%E5%90%84%E7%A7%8D%E6%9C%BA%E5%9E%8B/) - [React Native Android 從學車到補胎和成功發車經歷](http://blog.csdn.net/yanbober/article/details/53071792) #### 26. ASP.NET C# 群號：461614624 - [.NET架構設計、框架設計系列文章總結](http://www.cnblogs.com/wangiqngpei557/p/6058141.html) - [ 整理下.net分布式系統架構的思路](http://www.cnblogs.com/BenDan2002/p/6061481.html) - [.NET基礎拾遺（5）多線程開發基礎](http://www.cnblogs.com/edisonchou/p/4848131.html) - [京東咚咚架構演進](http://www.cnblogs.com/mindwind/p/5017591.html) - [在ASP.NET Core中使用Angular2](http://www.cnblogs.com/onecodeonescript/p/6062203.html) #### 27. Go 群號：336195657 - [go 數組和數組切片比較](http://studygolang.com/articles/3148) - [Go 語言中的 new() 和 make()的區別](http://studygolang.com/articles/3496) - [Go中的make和new的區別](http://studygolang.com/articles/1642) - [golang fmt.printf()](http://studygolang.com/articles/2880) - [評: 為什么我不喜歡Go語言式的接口](http://www.ituring.com.cn/article/37642) - [go語言學習筆記](http://blog.csdn.net/u012855229/article/category/6286733) - [Go語言_反射篇](http://www.cnblogs.com/yjf512/archive/2012/06/10/2544391.html#commentform) - [go build 和 go install 的區別](http://www.cnblogs.com/ghj1976/archive/2013/04/23/3038347.html) - [golang的goroutine是如何實現的？](https://www.zhihu.com/question/20862617) - [如何評價golang 1.7](https://www.zhihu.com/question/47072229) #### 28. 英語 - [如何提高學習英語的興趣](https://zhuanlan.zhihu.com/p/23390704) #### 29. 其它 - 影視 - [為什么這么多人覺得徐克杰出？他到底杰出在哪？](https://www.zhihu.com/question/24978144) - [如何評價電視劇《如果蝸牛有愛情》？](https://www.zhihu.com/question/51411499) - [第 53 屆金馬獎有哪些亮點和槽點？](https://www.zhihu.com/question/52999387) - 健康，養生 - 歷史，人文 - [明朝文官集團是怎么制衡甚至威脅皇帝的？](https://www.zhihu.com/question/37766855) - 其它 - [不善言辭的男生，怎么哄生氣了的女朋友？](https://www.zhihu.com/question/23478383) - [Windows 10 上什么軟件值得推薦？](https://www.zhihu.com/question/36847530) - [前端大神都用什么做ppt?](https://www.zhihu.com/question/52896240) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [為什么作者無法不持有偏見](http://thzt.github.io/blog/2016/09/07/the-bias-of-the-author/) 2. 中級群 - [Fetch進階指南 | louis blog](http://louiszhai.github.io/2016/11/02/fetch/) 路易斯手把手帶你補全Fetch缺失的超時,取消,進度回調等功能 - [微信小程序腳手架](https://github.com/xiadd/weapp) 拋棄自帶ide使用atom - [atom微信小程序自動補全插件](https://github.com/xiadd/atom-wxapp) atom的微信小程序自動補全插件 - [批量保存知乎收藏](https://github.com/Zjingwen/zhihuCollection) - [greensock電子書教程](http://svgtrick.com/book/greensock) - [參數默認值引起的第三作用域](https://segmentfault.com/a/1190000007537913) - [『為移動端而生』的自定義多級聯動選擇器](https://segmentfault.com/a/1190000007480739) 3. 初級群 4. 初級2群 - [WebMarker](https://github.com/cMing404/WebMarker) 根據瀏覽器的收藏夾生成屬于你的一個網址導航站 - [性能分析:js中如何快速交換兩個變量的值?](https://cming404.github.io/myblog/2016/11/28/%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90-js%E4%B8%AD%E5%A6%82%E4%BD%95%E5%BF%AB%E9%80%9F%E4%BA%A4%E6%8D%A2%E4%B8%A4%E4%B8%AA%E5%8F%98%E9%87%8F%E7%9A%84%E5%80%BC/) 以冒泡排序為例,用五種不同的兩值交換方法比較性能差異 5. 跳板群 #### 31. 算法 - [js數據結構與算法](http://wuzhiwei.net/ds_app_linkedlist/) - [我的算法學習之路](http://www.cnblogs.com/figure9/p/3708351.html) - [數據結構與算法的JavaScript實現及應用 – 單鏈表](http://wuzhiwei.net/ds_app_linkedlist/) - [經典算法](http://www.zhihu.com/question/19927564) - [常見的算法js實現](http://www.nowamagic.net/librarys/veda/detail/167) - [各種算法推薦](http://www.cnblogs.com/rubylouvre/p/3313726.html) - [淘寶SKU組合查詢算法實現](http://www.cnblogs.com/purediy/archive/2012/12/02/2798454.html) - [排序算法](http://javascript.ruanyifeng.com/library/sorting.html) - [算法學習](http://www.cnblogs.com/hlxs/archive/2013/02/20/2918344.html) - [程序員必知的10大基礎實用算法](http://news.cnblogs.com/n/210914/) - [有哪些學習算法的網站推薦](http://www.zhihu.com/question/20368410) - [Web 前端與算法的結合點在哪里](http://www.zhihu.com/question/21107420) - [javascript數據結構與算法 ](http://www.cnblogs.com/tugenhua0707/category/664046.html) - [js算法演示](http://www.comp.nus.edu.sg/~stevenha/visualization/index.html) - [大話數據結構](http://book.douban.com/subject/6424904/) - [算法演示](https://github.com/parkjs814/AlgorithmVisualizer) - [筆試中經常出現的js數組排序與去重算法](https://yuzmb.github.io/2016/11/03/%E7%AC%94%E8%AF%95%E7%BB%8F%E5%B8%B8%E5%87%BA%E7%8E%B0%E7%9A%84js%E6%95%B0%E7%BB%84%E6%8E%92%E5%BA%8F%E4%B8%8E%E5%8E%BB%E9%87%8D%E7%AE%97%E6%B3%95/) - [前端學算法系列](https://www.zhihu.com/people/asdzxcweeqw/posts) - [學習算法與數據結構，有什么比較好的mooc推薦么，還有比較好的書籍推薦？](https://www.zhihu.com/question/34605825) - [計算機算法領域有哪些書籍像《算法導論》一樣經典？](https://www.zhihu.com/question/42065322) #### 32. 前端開發必備利器之GULP - [gulp詳細入門教程](http://www.ydcss.com/archives/18) - [基于gulp前端靜態站點結構](http://www.ydcss.com/archives/570) - [使用gulp構建nodejs，你只需要記住5個函數](http://blog.csdn.net/kiwi_coder/article/details/36422385) - [Gulp和Webpack對比](http://chping.website/2016/10/18/gulp%E5%92%8Cwebpack%E5%AF%B9%E6%AF%94/?utm_source=tuicool&utm_medium=referral) - [前端構建工具gulpjs的使用介紹及技巧](http://www.cnblogs.com/2050/p/4198792.html) - [Gulp思維――Gulp高級技巧](http://sentsin.com/web/210.html) - [Gulp.js深入講解](http://ju.outofmemory.cn/entry/69523) #### 33. Web安全 - [SegmentFault 技術周刊 Web安全指南(上)](https://segmentfault.com/a/1190000007492381) - [SegmentFault 技術周刊 Web安全指南(下)](https://segmentfault.com/a/1190000007564080) #### 34. 感謝以下貢獻者 - [@Coco](http://www.cnblogs.com/coco1s/) - [@LFasMike](https://github.com/LFasMike) - [@Louiszhai](http://louiszhai.github.io/) - [@mk先生](http://mk.doufuf.com/) - [@xiadd](https://github.com/xiadd) - [@云峰](https://github.com/wuyunfeng8) - [@老朽](http://hundren.github.io/) - [@喵帕斯](https://github.com/IWSR) - [@Zjingwen](http://xblog.top/) - [@MuYunyun](https://github.com/MuYunyun) - [@HotHunter](https://github.com/HotHunter) - [@江西-醉逍遙](https://github.com/mdzxy) - [@S1ngS1ng](https://github.com/S1ngS1ng) - [@wjszxli](https://github.com/wjszxli) - [@lx07120219](https://github.com/lx07120219) - [@NE-SmallTown](https://github.com/NE-SmallTown) - [@que01](http://que01.top/) - [@魔芋](http://www.cnblogs.com/moyuling/) - [@hundren](http://hundren.github.io/) - [@Godfery](https://github.com/hiyangguo) - [@superxxm](https://github.com/superxxm/) - [@清歡](https://github.com/yogueta) - [@justFeeling](https://github.com/guoshan) - [@二哲](http://www.meckodo.com) - [@jiufengdadi](https://github.com/jiufengdadi) - [@yuwl798180](https://github.com/yuwl798180) - [@嘉寶](https://github.com/AppianZ)