## 概況 在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 10月份前端資源分享 #### 1. Javascript 175453545 - [你應該知道的JavaScript](http://youbookee.com/2016/08/30/js-you-should-know/) - [BOOM：一款有趣的Javascript動畫效果](https://github.com/chokcoco/cnblogsArticle/issues/2) - [為什么JS社區大量使用未發布或未廣泛支持的語言特性，而其他社區很少使用新發布的語言特性？](https://www.zhihu.com/question/51337482) - [如何看待ECMAScript中引入的class關鍵詞？](https://www.zhihu.com/question/45787829) - [什么時候不該使用es6箭頭函數](https://segmentfault.com/a/1190000007074846) - [前端入門與最佳實踐](https://github.com/wxyyxc1992/Web-Frontend-Introduction-And-Best-Practices) - [來自于CodeHouse、Codrops和CodePen - webDemo](https://github.com/airen/DemoHouse) - [JavaScript 闖關記](https://github.com/stone0090/javascript-lessons) - [初次使用phina.js - JavaScript游戲開發庫](https://github.com/yrq110/OddsAndEnds/blob/master/%E5%88%9D%E6%AC%A1%E4%BD%BF%E7%94%A8phina.js%20-%20JavaScript%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91%E5%BA%93.md) - [「每日一題」平時你從哪里獲取前端知識？](https://zhuanlan.zhihu.com/p/22836435) - [前端工程師有必要閱讀 HTML、CSS、JavaScript 標準嗎？如果有此必要，有沒有一些提高效率或收益的建議？](https://www.zhihu.com/question/21273431) - [有了 async/await, 我們和 Promise 還能像從前一樣兩小無猜嗎?](https://zhuanlan.zhihu.com/p/22938062) - [你們是怎么學會正則表達式的？](https://www.zhihu.com/question/48219401) - [從零學習前端開發 - 如何在一年之內通過自學找到Web開發工作](http://zhuanlan.zhihu.com/p/22213177) - [LeetCode題解](https://www.gitbook.com/book/siddontang/leetcode-solution/details) - [支持ie8的mvvm框架比較？](https://www.zhihu.com/question/52069420) - [前端跨域整理](http://damonare.github.io/2016/10/30/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E6%95%B4%E7%90%86/) - [前端面試中的常見的算法問題](http://www.jackpu.com/qian-duan-mian-shi-zhong-de-chang-jian-de-suan-fa-wen-ti/) - [前端日常：JavaScript驗證](https://zhuanlan.zhihu.com/p/22949023) - [網頁設計和開發的55個頂尖博客](http://www.zcfy.cc/article/top-blogs-about-web-design-and-web-development-1417.html) #### 2. 移動微信小程序Javascript開發 群號：148257606 - [檢查移動設置并且添加css到html元素 - device.js](https://github.com/matthewhudson/device.js) - [移動端開發所需要的一些資源與小技巧](https://github.com/jtyjty99999/mobileTech) - [騰訊移動Web前端知識庫](https://github.com/AlloyTeam/Mars) - [白色橡樹-移動web資源整理](http://www.cnblogs.com/PeunZhang/p/3407453.html ) - [支付寶團隊-無線Web開發經驗](http://am-team.github.io/amg/dev-exp-doc.html) - [微信公眾號編輯有哪些實用的小工具和小技巧？](https://www.zhihu.com/question/35046637) - [微信小程序實戰項目--hello word！](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-hello-word/) - [微信小程序實戰項目--第一發](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-yi-fa/) - [微信小程序實戰項目--第二發](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-er-fa/) ##### 2.1 移動Javascript開發 群內資源 #### 3. Html5 - [如何看待B站(bilibili)開源flv.js模塊？](http://www.zhihu.com/question/51997376/answer/128504864 ) #### 4. CSS 群號：578901836 - [w3cplus - SassMagic庫 在線文檔](http://w3cplus.github.io/SassMagic/) - [w3cplus - DemoHouse](https://airen.github.io/DemoHouse/) - [談談一些有趣的CSS題目（一）-- 左邊豎條的實現方法](http://www.cnblogs.com/coco1s/p/5893921.html) - [談談一些有趣的CSS題目（二）-- 從條紋邊框的實現談盒子模型](http://www.cnblogs.com/coco1s/p/5895764.html) - [談談一些有趣的CSS題目（三）-- 層疊順序與堆棧上下文知多少](http://www.cnblogs.com/coco1s/p/5899089.html) - [談談一些有趣的CSS題目（四）-- 從倒影說起，談談 CSS 繼承 inherit](http://www.cnblogs.com/coco1s/p/5908120.html) - [談談一些有趣的CSS題目（五）-- 單行居中，兩行居左，超過兩行省略](http://www.cnblogs.com/coco1s/p/5911946.html) - [談談一些有趣的CSS題目（六）-- 全兼容的多列均勻布局問題](http://www.cnblogs.com/coco1s/p/5915429.html) - [有哪些類似bootstrap的純css框架？](https://www.zhihu.com/question/28499629) - [元素居中](http://www.cnblogs.com/camille666/p/row_column_center.html) - [深入理解BFC和Margin Collapse](http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html) #### 5. Angular 群號：238251402 - [關于 AngularJS 框架的使用有哪些經驗值得分享？](https://www.zhihu.com/question/21497720) - [國內使用angular的網站有哪些?](https://www.zhihu.com/question/23012173) - [TypeScript 2.0 新特性一覽](https://zhuanlan.zhihu.com/p/21629069) - [flow和typescript各有什么好處，該怎么選擇](https://www.zhihu.com/question/49576972) - [一招制敵-玩轉AngularJS指令的Scope](https://segmentfault.com/a/1190000002773689) #### 6. React, Webpack 群號：530415177 - React - [如何存儲 React 組件的數據](http://60sky.com/post/how-to-saved-react-component-data.html) - Webpack - [入門Webpack，看這篇就夠了](http://www.jianshu.com/p/42e11515c10f#) - [webpack打包bundle.js體積大小優化](https://github.com/youngwind/blog/issues/65) #### 7. Vue 群號：364912432 - [iView：一套基于Vue的高質量UI組件庫](https://zhuanlan.zhihu.com/p/22698683) - [Vue2.0 新手完全填坑攻略——從環境搭建到發布](http://www.jianshu.com/p/5ba253651c3b) - [Vue 2.0 制作列表組件，實現分頁、搜索、批量操作等](https://jothy1023.github.io/2016/09/13/vueList/) - [Laravel 5.3 + Vue2 + Element試水](http://codesky.me/archives/try-laravel5-vue2-element-cn.wind) - [Vue2.0 新手完全填坑攻略——從環境搭建到展示豆瓣的電影列表](https://aotu.io/notes/2016/10/13/vue2/) - [新手向：Vue 2.0 的建議學習順序](http://zhuanlan.zhihu.com/p/23134551) ##### 7.1 Vue 群內資源 - [Vue.js v2.0 中文文檔](http://vuefe.cn/) - [【小凡哥】 - vuejs2 官網講解](https://github.com/bhnddowinf/vuejs2-learn) #### 8. jQuery - [老虎機抽獎](https://github.com/perfey/laohuji) #### 9. 看書學習 | 成長 - [有哪些人際關系方面的小技巧可以保護自己？](https://www.zhihu.com/question/36343659) - [讀書時如何做讀書筆記？](https://www.zhihu.com/question/20700854) - [怎樣利用 iPad 學習？](https://www.zhihu.com/question/20077914) - [GitHub 上有哪些值得推薦的開源電子書？](https://www.zhihu.com/question/38836382) - [為什么有很多學生在老師講課的時候什么都懂，但是做題卻不會做？](https://www.zhihu.com/question/21990278) - [提問的智慧](https://lug.ustc.edu.cn/wiki/doc/smart-questions) - [天天寫「業務代碼」，如何成為「技術大牛」？](https://zhuanlan.zhihu.com/p/23030429) - [Git的核心概念](https://lufficc.com/blog/the-core-conception-of-git) - [從0開始學習 GITHUB 系列匯總](http://stormzhang.com/github/2016/06/19/learn-github-from-zero-summary/) - [算法相關學習資料整理](http://zhuanlan.zhihu.com/p/22936654) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [滴滴出行在共享單車領域，為什么投資了 ofo 而沒有投資摩拜單車？](https://www.zhihu.com/question/51013753) - [拿了投資人的錢卻創業失敗，在商業圈子里的后果都會有哪些？](https://www.zhihu.com/question/37668821) - [提離職被老板加薪挽留，該怎么辦？](https://www.zhihu.com/question/21234709) - [程序員怎么升職？](https://www.zhihu.com/question/20259295) - [產品經理的未來在哪里？](https://www.zhihu.com/question/27283535) - [和領導溝通的技巧有哪些？](https://www.zhihu.com/question/20211937) - [在廣州創業是一種怎么樣的體驗？](https://www.zhihu.com/question/51620865) - [怎么做好互聯網公司的技術團隊負責人？](http://www.zhihu.com/question/39421456) - [ofo與摩拜單車，誰會贏呢？](http://zhuanlan.zhihu.com/p/22937792) - [銷售最厲害的招數都有哪些？](http://www.zhihu.com/question/33474046/answer/104165621) - [如何看待二三線城市（成都、南京、長沙、西安、蘇州、廈門等）互聯網的現狀及發展？ ](http://www.zhihu.com/question/28945225) - [如何評價 2016 年第三季度 OPPO 和 vivo 線下銷量排在國內前兩位？](https://www.zhihu.com/question/51985441) - [8年創業反思：技術人應該如何選擇創業項目？](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=512113730&idx=1&sn=fbfc41608bef354ed5eaf4fd40c4b2a5) - [BAT 穩定工作和創業之間如何抉擇？](https://www.zhihu.com/question/28436846) - [離職前需要注意哪些細節？](https://www.zhihu.com/question/22132568) #### 12. IDE，編輯器，調試等工具類 - [推薦一款很酷的 Sublime Text 主題 – ayu](http://www.css88.com/archives/6340) - [Chrome擴展程序開發](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B/Chrome%E6%89%A9%E5%B1%95%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91.md) - [免費實用的API接口](https://zhuanlan.zhihu.com/p/21320392?refer=passer) - [我的 Chrome 插件集](http://www.w3ctrain.com/2016/10/16/my-chrome-extension/) #### 13. 前端架構及工程化等 - [前端教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-資源匯總](https://segmentfault.com/a/1190000007062464) - [我終于弄懂了各種前端build工具](https://www.sdk.cn/news/5412) - [實現前端資源增量式更新的一種思路](http://zhuanlan.zhihu.com/p/23218754) #### 14. Sass，PostCSS 群號：578901836 #### 15. 工作方法 | 協同 | 流程 - [前端進階之路：如何高質量完成產品需求開發](https://zhuanlan.zhihu.com/p/23080914) #### 16. Nodejs 群號：422910907 - [Node.js debugging with Chrome DevTools](https://blog.hospodarets.com/nodejs-debugging-in-chrome-devtools) 需要翻墻 - [如何評價Facebook推出的node模塊管理器yarnpkg？](https://www.zhihu.com/question/51502849) - [基于 generator 與 promise 的異步編程解決方案](http://morning.work/page/maintainable-nodejs/asynchronous-programming.html) - [ejs官網](http://ejs.co/) - [如何看待模板引擎 Jade 改名為 Pug？](https://www.zhihu.com/question/46418330) #### 17. UI 群號：321173051 - [你畫畫幾年了，才有現在的水準？](https://www.zhihu.com/question/49781412) - [照片 P 與不 P 的差距究竟有多大？](https://www.zhihu.com/question/31299495) - [能讓照片美感提升10倍的配色全攻略！](https://zhuanlan.zhihu.com/p/23035006) - [如何設計一張高品位高水準海報？](https://www.zhihu.com/question/22332149) - [設計師該如何做好設計決策](https://zhuanlan.zhihu.com/p/23158317) #### 18. 性能優化教程 - [比較好的關于前端優化的書籍都有哪些？](http://www.zhihu.com/question/23226795) - [web性能優化之：no-cache與must-revalidate深入探究](https://zhuanlan.zhihu.com/p/23281814) #### 19. 面試 | 求職 - [前端面試常見問答](https://zhuanlan.zhihu.com/p/22800583) - [2017 校招，最值得加入的公司有哪些？](https://www.zhihu.com/question/48635051) - [網上有真實的兼職嗎？](https://www.zhihu.com/question/24003174) #### 20. Mac ios 群號：415074410 - [讓 Mac 電腦的窗口切換不再雞肋](https://zhuanlan.zhihu.com/p/23017016) - [swift 實現的一個DateTimePicker](https://github.com/itsmeichigo/DateTimePicker) A nicer iOS UI component for picking date and time - [仿<即刻>下拉刷新效果實現](https://enjoysr.github.io/2016/10/09/%E4%BB%BF-%E5%8D%B3%E5%88%BB-%E4%B8%8B%E6%8B%89%E5%88%B7%E6%96%B0%E6%95%88%E6%9E%9C%E5%AE%9E%E7%8E%B0/) - [從交互模式的創新上來看，幾乎同時發布的 Surface Dial 和 Touch Bar 哪個更顛覆？](https://www.zhihu.com/question/52050175) #### 21. Android 群號：415074410 - [Android項目從零到上線的全過程](http://www.jianshu.com/p/f798c8b02348) #### 22. PHP 群號：82254462 - [在 2016 年做 PHP 開發是一種什么樣的體驗？（一）](https://www.v2ex.com/t/312651) - [php+websocket搭建簡易聊天室實踐](http://www.cnblogs.com/IT--Loding/p/5972387.html) #### 23. Java 群號：145381037 - [mvnrepository.com](http://mvnrepository.com/) 收集的 maven 倉庫地址 - [如果僅選擇1本Java書，你推薦哪本呢？](https://www.zhihu.com/question/31473595) - [Java面試知識點總結](https://www.zhihu.com/question/31473595) - [Android 開發程序員必備網站](http://www.jianshu.com/p/9ad855577d1c) - [Java遞歸算法應用](http://blog.csdn.net/linglongxin24/article/details/52840220) - [Java 集合深入理解（9）：Queue 隊列](http://blog.csdn.net/u011240877/article/details/52860924) - [java常用開發工具介紹](http://www.cnblogs.com/linglipinger/p/5977861.html) - [萬能林蕭：扎實的Java基礎分享](http://www.cnblogs.com/zuoxiaolong/p/life53.html) #### 24. Python 群號：130705066 - [如何學習python，就能僅靠python得到好工作？](http://www.zhihu.com/question/51484408) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 - [逗比全棧師跟你聊聊 Hybrid APP 和 HTML5 那些事兒](http://1ke.co/course/236) - [如何區別一個 App 是 Native App， Web App 還是 Hybrid app？](https://www.zhihu.com/question/23622875) - [React Native 實現二維碼掃描](http://gold.xitu.io/post/581755be2f301e005ce78a18) - [前端跨域整理](http://damonare.github.io/2016/10/30/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E6%95%B4%E7%90%86/) - [移動前端不得不了解的HTML5 head 頭標簽（2016最新版）](http://www.css88.com/archives/6410) #### 26. ASP.NET C# 群號：461614624 - [.net開發都有哪些容易入手，輕量級的框架？](https://www.zhihu.com/question/28359777) #### 27. Go 群號：336195657 - [【譯】Go工具要點](http://blog.cyeam.com/golang/2016/09/27/go-tool-flags) - [Golang 套件管理工具 Glide](https://blog.wu-boy.com/2016/05/package-management-for-golang-glide/) #### 28. 開發文檔 - [zendesk前端開發文檔](https://mkxiansheng.github.io/zendesk-web-api/) #### 29. 英語 - [工作語言非英語，想提高英語寫和說水平有什么有效的辦法？](http://www.zhihu.com/question/19769023) #### 30. 其它 - 影視 - [如何評價電影《湄公河行動》？](http://www.zhihu.com/question/48224721) - [張藝謀與李安曾經都很優秀，他們現在的差距是否是制度造成的？](https://www.zhihu.com/question/20571696) - [2017年有哪些值得看的電影？](https://www.zhihu.com/question/49792535) - [有哪些值得一看的韓國電影？](https://www.zhihu.com/question/24741886) - [如何評價一部電影的劇情講述的是好是壞？](https://www.zhihu.com/question/48937768) - [如何評價電影《驢得水》？](https://www.zhihu.com/question/50954887) - 健康，養生 - [長期健身是一種怎樣的體驗？](https://www.zhihu.com/question/28093823) - [健身房都有哪些健身器材，分別有什么作用？](https://www.zhihu.com/question/21274334) - 歷史，人文 - [你看過的知識最多、含金量最好、質量最棒的書是什么？](https://www.zhihu.com/question/51885492) - [想要把字寫好看的你，還在練龐中華嗎？](https://zhuanlan.zhihu.com/p/23259653) - 其它 - [TCP/IP協議到底在講什么？](https://www.zhihu.com/question/51074319) - [如何選購固態硬盤？](https://www.zhihu.com/question/20369676) - [你有什么道理后悔沒有早點知道？](https://www.zhihu.com/question/23819007) - [像花椒，映客，來瘋這種直播app，技術實現難度在哪？需要什么樣技術人才，還有就是服務器帶寬要求及成本？](https://www.zhihu.com/question/41868659) - [為什么目前流行的編程語言都是很早以前就發明的？](https://www.zhihu.com/question/51494349) - [程序員高級裝逼指南](https://zhuanlan.zhihu.com/p/22648697) - [編譯型語言、解釋型語言、靜態類型語言、動態類型語言概念與區別](http://www.cnblogs.com/zy1987/p/3784753.html?utm_source=tuicool) - [變量命名神器（更新atom、sublime以及chrome的插件）](http://unbug.github.io/codelf/) - [網盤紛紛關閉的時候，讓我們來說說NAS](http://zhuanlan.zhihu.com/p/23132634) #### 30.文件上傳解決方案專題 ##### 1. 問題類： - [HTML5 File api 實現斷點續傳](https://zhuwenlong.com/blog/51f6519532ffd70b27000001) - [html5 上傳本地圖片處理各種問題](http://www.jianshu.com/p/2a42a0c89640) ##### 2. 組件類： - [百度上傳組件](http://fex.baidu.com/webuploader/) - [上傳按鈕1(類似空間上傳相片)](http://fex.baidu.com/webuploader/demo.html) - [上傳按鈕2(傳統)](http://kindeditor.net/ke4/examples/uploadbutton.html) - [jq上傳](https://blueimp.github.io/jQuery-File-Upload/) - [flash 頭像上傳](http://www.hdfu.net/) - [圖片拖拽上傳預覽。](http://www.dropzonejs.com/) - [上傳按鈕美化](http://ons.me/384.html) || [上傳按鈕美化_demo](http://ons.me/wp-content/uploads/2012/05/upload.html) - [HTML5 本地裁剪圖片并上傳至服務器（老梗）](http://segmentfault.com/a/1190000000754560) - [圖片裁剪 上傳](http://elemefe.github.io/image-cropper/) - [Cropper圖片裁剪](http://fengyuanchen.github.io/cropper/) - [多個上傳組件](https://www.freshdesignweb.com/jquery-html5-file-upload/) - [明哥截圖](http://www.shearphoto.com/) || [github](https://github.com/drduan/shearphoto) || [網盤](http://pan.baidu.com/share/home?uk=3996430922&view=share#category/type=0) - [lUpload 多功能的上傳插件](https://github.com/dsphper/lUpload) - [bootstrap 風格的上傳](http://www.dropzonejs.com/bootstrap.html) - [fineuploader文件上傳](http://fineuploader.com/) - [無刷新上傳例子1](https://segmentfault.com/q/1010000004854326) - [無刷新上傳例子2](http://netnr.com/file) - [使用多種姿勢上傳圖片](http://mp.weixin.qq.com/s?__biz=MzI2NzExNTczMw==&mid=2653284851&idx=1&sn=9967ae75e786890d438ebbd152c0fcd5&scene=2&srcid=0530nZf2S6OdxB7w0B0188QE&from=timeline&isappinstalled=0#wechat_redirect) - [斷點上傳](http://www.cnblogs.com/imwtr/p/5957391.html) - [angular-file-upload](http://nervgh.github.io/pages/angular-file-upload/examples/simple/) #### 31. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 [快速搭建一個基于webpack的項目](https://github.com/18616392776/quick-start-cli) 快速搭建一個基于webpack的項目，支持angular2,react,vue2等框架，支持sass,less,stylus等css預處理語言 2. 中級群 3. 初級群 4. 初級2群 5. 跳板7群 [gfloat 一個十五分鐘寫出來的小柵欄格系統](https://github.com/SvenZhao/gfloat) 大部分前端人員在快速開發原型的時候 喜歡用bootstrap的柵欄格來布局，但是往往引入N多不太有用的東西 所以 花了十五分鐘 仿照bootstrap的柵欄格 抽離仿寫了一個柵欄格系統 基于浮動 百分比 兼容ie8 #### 32. 感謝以下貢獻者 - [@michealzh](https://github.com/michealzh) - [@Coco](http://www.cnblogs.com/coco1s/) - [@云峰](https://github.com/wuyunfeng8) - [@HotHunter](https://github.com/HotHunter) - [@mk](http://mk.doufuf.com/) - [@江西-醉逍遙](https://github.com/mdzxy) - [@Sven](https://github.com/SvenZhao)