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

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 --- ## 7月份前端資源分享 #### 1. Javascript 175453545 - [this.length >>> 0 的作用(Javascript)？](https://blog.webfuns.net/archives/1398.html) - [數組元素隨機化排序算法實現](https://github.com/myheartwillgoon/FEDev/issues/2) - [JavaScript學習筆記：數組隨機排序](http://www.w3cplus.com/javascript/how-to-randomize-shuffle-a-javascript-array.html) - [44個 Javascript 變態題解析 (上) ](https://github.com/xiaoyu2er/blog/issues/1) - [44個 Javascript 變態題解析 (下) ](https://github.com/xiaoyu2er/blog/issues/3) - [JavaScript中的數字](http://begeek.cn/post/872.html) - [前端開發筆記本](https://li-xinyang.gitbooks.io/frontend-notebook/content/) - [過目不忘JS正則表達式](http://www.cnblogs.com/moqing/p/5665126.html) - [聊一聊前端存儲那些事兒](https://segmentfault.com/a/1190000005927232) - [一鍵分享到各種SNS](http://overtrue.me/share.js/) - [寫給剛入門的前端工程師的前后端交互指南](http://www.jackpu.com/xie-gei-gang-ru-men-de-qian-duan-gong-cheng-shi-de-qian-hou-duan-jiao-hu-zhi-nan/) - [物聯網世界的前端開發](http://www.zcfy.cc/article/front-end-development-in-an-internet-of-things-world-843.html) - [如何評價淘寶造物節邀請函的前端設計？](https://www.zhihu.com/question/48226486) - [前端技能之切圖](https://github.com/xiangpaopao/blog/issues/2) - [搭建自己的前端自動化測試腳手架（一）](https://segmentfault.com/a/1190000005991670) - [搭建自己的前端自動化測試腳手架（二）](https://segmentfault.com/a/1190000006001008) - [Numbers in JavaScript](http://jser.it/blog/2014/07/07/numbers-in-javascript/) - [通過一張簡單的圖，讓你徹底地、永久地搞懂JS的==運算](https://segmentfault.com/a/1190000006012804) - [深入了解javascript的sort方法](http://www.zhouhua.info/2015/06/18/quicksort/) - [學習數據結構有什么用？](https://www.zhihu.com/question/29587605) #### 2. 移動Javascript開發群號：148257606 - [聊一聊百度移動端首頁前端速度那些事兒](https://segmentfault.com/a/1190000005882953) - [前端如何呼風喚雨](http://www.imweb.io/topic/55e32fd5771670e207a16bb9) - [如何看待微信前端團隊新發布的 WeFlow 工作流工具？](https://www.zhihu.com/question/47535999) #### 3. Html5 - [【騰訊bugly干貨分享】HTML 5 視頻直播一站式掃盲](http://www.cnblogs.com/bugly/p/5640069.html) - [瀏覽器中喚起native app || 跳轉到應用商城下載](https://segmentfault.com/a/1190000005848133) - [在線生成表格](http://html-tables.com/) - [QQ天氣H5-前端完整解析](http://www.imweb.io/topic/570a7e7206f2400432c139ad) - [五分鐘學會 Canvas 基礎（一）](https://gold.xitu.io/entry/5788dec67db2a2005ce39647) - [五分鐘學會 Canvas 基礎（二）](https://gold.xitu.io/entry/5788df0e0a2b5800682d830b) - [從零開始開發一款H5小游戲(一) 重溫canvas的基礎用法](https://segmentfault.com/a/1190000005892330) - [H5動效的常見制作手法](https://isux.tencent.com/h5active.html) #### 4. CSS - [前端開發中的一些黑魔法Pt2](http://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt2.html) - [騰訊AlloyTeam團隊的CSS3 UI 庫](http://css3lib.alloyteam.com/) - [ie8兼容background-size](https://www.zhihu.com/question/32285092) - [Effeckt](http://h5bp.github.io/Effeckt.css/) #### 5. Angular 群號：238251402 - [為什么還要選擇 angular 與 angular 學前準備](http://gold.xitu.io/post/57863fc27db2a200630b2312) #### 6. React, Webpack 群號：530415177 - React - [淺談 React、Flux 與 Redux](http://www.imweb.io/topic/57711e37f0a5487b05f325b5) - [JSX有哪些缺陷？](https://www.zhihu.com/question/48528161) - [高質量的 React 相關文檔和翻譯](https://github.com/react-guide) - [關于React的一些實踐和資源](https://github.com/zhangmengxue/React-Learning) - [React Native指南匯集了各類react-native學習資源、開源App和組件](https://github.com/reactnativecn/react-native-guide) - [個人收集的react相關資源鏈接](https://github.com/LeuisKen/react-collection) - Webpack - [[React項目總結] 基于 webpack 搭建前端工程基礎篇](https://github.com/chenbin92/react-redux-webpack-starter/issues/1) - [webpack 教程資源收集](https://segmentfault.com/a/1190000005995267) - [webpack如何全局引入jquery和插件?](https://www.zhihu.com/question/33448231) #### 7. Vue 群號：364912432 - [ele Mint UI 基于 Vue.js 的移動端組件庫](http://mint-ui.github.io/#!/zh-cn) - [vue-qrcode](https://github.com/xiaokaike/vue-qrcode) - [VUE.JS組件化開發實踐](http://www.cnblogs.com/rock-roll/p/5634319.html) - [vuejs如何用vue-router構建路由？](https://www.zhihu.com/question/39025104) - [Vue+Webpack使用規范](https://www.talkingcoder.com/article/6309726065044556372) - [Vue 省市區三級聯動組件](https://github.com/QingWei-Li/vue-region-picker) - [Vue + Webpack 開發實踐](http://cinwell.com/post/vue-webpack) - [基于Vue.js的數據統計系統(一)](https://zhuanlan.zhihu.com/p/21707328) - [基于Vue.js的數據統計系統(二)](https://zhuanlan.zhihu.com/p/21709670) - [基于Vue.js的數據統計系統(三)](https://zhuanlan.zhihu.com/p/21771672) ##### 7.1 Vue 群內資源 - [Vue.js——vue-resource全攻略](http://www.cnblogs.com/keepfool/p/5657065.html) - [Vue.js其它文章也不錯](http://www.cnblogs.com/keepfool/category/845804.html) - [企業級時間軸插件Vue-timelinepick](https://github.com/yelingfeng/vue-timelinepick) #### 8. jQuery - [jquery-chosen 選擇框插件](https://harvesthq.github.io/chosen/) - [radio,checkbox美化](http://www.bootcss.com/p/icheck/) - [輪播大集合](https://www.awesomes.cn/repos/Images/Sliders) #### 9. 看書學習 | 成長 - [普通人如何通過訓練大幅提高自己的能力？](https://www.zhihu.com/question/47412655) - [為什么畢業三四年之后，同學之間的差距會這么大？](https://www.zhihu.com/question/33971854) - [我的前端書評](http://www.imweb.io/topic/56d44d720848801a4ba198cf) #### 10. Git | Github | SVN | FTP - [游戲學git - 動畫演示git分支](http://learngitbranching.js.org/?demo) - [Git與GitHub常用命令](http://blog.csdn.net/man_help/article/details/51840722) - [GitHub上開源需要哪些目錄與文件規范？](https://www.zhihu.com/question/48019650) - [Git的奇技淫巧](http://www.cnblogs.com/xueweihan/p/5703144.html) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [擦亮眼睛－如何選擇創業公司](http://mp.weixin.qq.com/s?__biz=MzI3MDE0MzAzMw==&mid=2652201810&idx=1&sn=075b31abfaed597f222cbedccb02ab70#rd) - [如果天生個性不是特別強勢的那種，怎么培養領導別人的氣場？](https://www.zhihu.com/question/23637423) - [創業公司上市后，員工在處理期權上面都有哪些經驗或教訓？](https://www.zhihu.com/question/34663592) #### 12. IDE，編輯器，調試等工具類 - [Atom使用紀要](https://github.com/nieweidong/learn-atom) - [Atom飛行手冊翻譯](https://wizardforcel.gitbooks.io/atom-flight-manual-zh-cn/content/) - [一個測試50多款編程字體的網站](http://app.programmingfonts.org/) - [使用Chrome開發工具優化Web應用](https://aotu.io/notes/2016/01/07/debug-webapp-with-chrome-devtools/) - [工具武裝的前端開發工程師](https://segmentfault.com/a/1190000005994196) - [有哪些編程必備的 Vim 配置？](https://www.zhihu.com/question/19989337) - [Chrome 實用調試技巧](http://blog.lxjwlt.com/2016/07/23/chrome.html) #### 13. 前端架構及工程化等 - [支付寶前端應用架構的發展和選擇](https://github.com/sorrycc/blog/issues/6) - [如何做前后端動靜分離](https://segmentfault.com/q/1010000005836900) - [前端架構是什么，前端有架構可談嗎？](https://www.zhihu.com/question/26646855/answer/68503768) - [如何構建一支專業的前端開發團隊（一）](https://zhuanlan.zhihu.com/p/21779628) - [如何構建一支專業的前端開發團隊（二）](https://zhuanlan.zhihu.com/p/21807979) #### 14. Sass，PostCSS #### 15. 工作 | 協同 | 流程 - [該用什么心態，去面對不喜歡的工作？](https://zhuanlan.zhihu.com/p/21553824) - [在雅虎工作的日子](https://zhuanlan.zhihu.com/p/21811147) #### 16. Nodejs 群號：422910907 - [Nodejs原生支持的ES6特性](http://www.alloyteam.com/2016/07/nodejs-native-support-of-the-es6-features/) - [如何定位 Node.js 的內存泄漏](http://taobaofed.org/blog/2016/04/15/how-to-find-memory-leak/) - [深入理解Node.js：核心思想與源碼分析](https://yjhjstz.gitbooks.io/deep-into-node/content/chapter14/chapter14-1.html) - [github上有什么好的node.js的項目？](https://www.zhihu.com/question/29563744) - [如何系統地學習Node.js？](https://www.zhihu.com/question/21567720) - [NodeJs——（16）用Nodejs 4.X版本，制作一個微博網站（多圖，詳細步驟）](http://blog.csdn.net/qq20004604/article/details/52019904) #### 17. UI - [100個彈框設計小結](https://isux.tencent.com/100%E4%B8%AA%E5%BC%B9%E6%A1%86%E8%AE%BE%E8%AE%A1%E5%B0%8F%E7%BB%93.html) - [零基礎如何學習繪畫？](https://www.zhihu.com/question/19559029) - [送給想自學畫畫且零基礎的人10個技巧](https://zhuanlan.zhihu.com/p/21540488) - [設計中會用到 UI 設計規范嗎？](https://www.zhihu.com/question/19791196) - [學習繪畫應該怎么起步？](https://www.zhihu.com/question/20217449) - [如何建立一套 UI 設計規范？](https://www.zhihu.com/question/29936125) - [用 Sketch 繪制一份美觀的交互稿](https://zhuanlan.zhihu.com/p/21700200) #### 18. 性能優化教程 - [我們是如何做好前端工程化和靜態資源管理](https://aotu.io/notes/2016/07/19/A-little-exploration-of-front-end-engineering/) #### 19. 面試 | 求職 - [算法面試題](http://www.cnblogs.com/toutou/p/suanfa.html) - [程序員漲工資大多數靠跳槽嗎？](https://www.zhihu.com/question/28185284) - [前端開發面試題](https://zhuanlan.zhihu.com/p/21545655?f3fb8ead20=1c4ca537fbf11dc08fc665b45498e24c) - [應聘互聯網公司的簡歷應該是怎么樣的？](https://www.zhihu.com/question/23631182) - [將校招從被拒到拿到Special Offer的經歷分享給同學們](http://mp.weixin.qq.com/s?__biz=MzA5NDE3OTQ0NA==&mid=214209055&idx=1&sn=8d99cba692a2319d3373810fa67eb3da&scene=23&srcid=BYE0FXjHp1sr8jyrCsKG#rd) - [創業公司怎么招人？](https://www.zhihu.com/question/19551593) #### 20. mac ios #### 21. php 群號：82254462 - [PHP 資源大全中文版](https://github.com/jobbole/awesome-php-cn) #### 22. java 群號：145381037 - [Java工程師筆試題整理[校招篇]](https://zhuanlan.zhihu.com/p/21513402) #### 23. python 群號：130705066 - [跟黃哥學習Python系列文章](https://zhuanlan.zhihu.com/p/21771912) - [針對Quant的Python快速入門指南](https://zhuanlan.zhihu.com/p/21763165) #### 24. Hybrid App 群號：498173484 - [淺談 Hybrid App](https://zhuanlan.zhihu.com/p/21387961) - [移動端高清、多屏適配方案](http://www.aliued.com/?p=3166) - [極致的 Hybrid 混合式開發（去啊App Hybrid 實戰）](https://yq.aliyun.com/articles/43) - [ReactNative動畫研究與實踐](https://yq.aliyun.com/articles/57888) #### 25. 英語 #### 26. 其它 - 影視 - [中國有哪些拿的出手的電視劇？](https://www.zhihu.com/question/34965780) - [如何評價動畫電影《大魚·海棠》？](https://www.zhihu.com/question/48109458) - 健康，養生 - 歷史，人文 - [《水滸傳》好在哪里？](https://www.zhihu.com/question/27897924) - [有哪些原本就是天下第一，而后轉戰其他領域依舊生猛得一塌糊涂的例子？](https://www.zhihu.com/question/41233342) - [有哪些有趣又漲知識的小說？](https://www.zhihu.com/question/35930228) - 其它 - [畢業照應該怎么拍才好看？有什么好的拍照動作可提供嗎？](https://www.zhihu.com/question/23305736) - [有哪些好看極簡的手表？](http://www.zhihu.com/question/28323744/answer/41670864) #### 27. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [上海-何幻 - 重在表達](http://thzt.github.io/blog/2016/07/01/the-way-to-express/) 2. 中級群 3. 初級群 4. 入門群 5. 跳板群3 - [上海-尤里卡 - 數組去重](http://www.wxybaby.com/%E5%89%8D%E7%AB%AF/arrayDeleteRepeat.html)