2017-02 · JS前端開發群月報

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) 提交原則： - 技術文章新的為主。 - 以前的文章，比較經典的也可以提交。 - [如何提交月報](http://www.hmoore.net/jsfront/month/227309) --- ## 02月份前端資源分享 #### 1. Javascript 175453545 - [前端生成好看的二維碼](https://github.com/kciter/qart.js) - [十大經典排序算法(帶動圖演示) ](https://sort.hust.cc/) - [為什么知乎前端圈普遍認為H5游戲和H5展示的JSer](https://www.zhihu.com/question/55417046) - [個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用](https://github.com/mack-wang/yurencloud/blob/master/study/AdvancEDDOMScripting/dist/readme.md) - [擴展JavaScript語法記錄 - 掉坑初期工具](https://blog.zsxsoft.com/post/28) - [漢字拼音轉換工具](https://github.com/hotoo/pinyin) - [Jquery實現漢字轉拼音的插件](http://www.jq-school.com/Detail.aspx?id=24) - [下拉列表支持拼音簡拼、全拼、漢字搜索](http://blog.csdn.net/mdcmy/article/details/9272949) - [2016年開源巨獻：來自百度的71款開源項目](http://www.cnblogs.com/kingboy2008/p/6117741.html) - [貓的前端回憶](https://github.com/Wscats/Good-text-Share) - [React做的聽歌、聽書客戶端(API是抓包所得)](https://renhongl.github.io/2017/01/21/%E7%88%B1%E5%90%AC%E6%92%AD%E6%94%BE%E5%99%A8/) - [MVC，MVP和MVVM的圖示](http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html) - [前端基礎進階系列](http://www.jianshu.com/p/cd3fee40ef59) - [基于組件的設計工作流與界面抽象](https://zhuanlan.zhihu.com/p/25074734) - [開放現代的Web組件化框架](https://github.com/AlloyTeam/omi) - [第四章：如何選擇合適的前端框架，告別選擇恐懼癥](https://zhuanlan.zhihu.com/p/25194137) - [axios全攻略](https://ykloveyxk.github.io/2017/02/25/axios%E5%85%A8%E6%94%BB%E7%95%A5/) #### 2. 移動微信小程序Javascript開發群號：148257606 - [從微信小程序重力感應API到requestAnimationFrame探索實現](https://segmentfault.com/a/1190000008147122) - [哪個微信編輯器比較好用？](https://www.zhihu.com/question/30770510) - [微信運營有沒有輔助工具？](https://www.zhihu.com/question/20981010) - [因小程序卸載的軟件，重新安裝回來了么？](http://www.barretlee.com/blog/2017/02/13/why-reinstall-software-uninstall-when-xcx/) - [移動端圖片裁剪，旋轉放大縮小](https://github.com/pwstrick/veCrop) #### 3. Html5 - [百度h5模板在線制作](http://h5.baidu.com/) #### 4. CSS 群號：578901836 - [\[譯\]響應式圖像](https://www.chengrang.com/responsive-images.html) - [學習flex的游戲教學網站](http://flexboxfroggy.com/#zh-cn) - [擁抱未來的CSS布局方式：flex與grid布局](http://www.xingbofeng.com/css-grid-flex/) - [如何把SVG小圖片轉換為html字體圖表](http://www.cnblogs.com/-walker/p/6398079.html) - [理解Flexbox：你需要知道的一切](https://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html) - [border、outline、boxshadow那些事以及如何做內凹圓](https://segmentfault.com/a/1190000005153660) - [Responsive design 和 Adaptive design 的區別？](https://www.zhihu.com/question/20628050) #### 5. Angular 群號：238251402 - [General Solution For Angular2 Overlay Elements](https://ng2-ui.github.io/) - [AngularJS 常見面試問題](http://caibaojian.com/toutiao/6053) - [Angular2.0視頻教程來了！（視頻鏈接在底部）](https://my.oschina.net/mumu/blog/834254) - [An implementation of typewriter for Angular2](https://github.com/only-gale/ng2-typewriter) #### 6. React, Webpack 群號：530415177 - React - [React-Study](https://github.com/minooo/React-Study) - [react-native-swiper](https://github.com/skv-headless/react-native-scrollable-tab-view) - Webpack - [Webpack2 升級指南和特性摘要](https://segmentfault.com/a/1190000008181955) #### 7. Vue 群號：364912432 - [Vue+MySQL+Express 小試牛刀](http://fehey.com/2017/01/20/vue-mysql-express/) - [Vonic—基于Vue.js和ionic樣式的移動端UI框架](https://github.com/wangdahoo/vonic) - [the directive of vue 2.x for qart.js](https://github.com/superman66/vue-qart) - [JRoll無限加載+下拉刷新 for Vue2](https://github.com/chjtx/JRoll/tree/master/extends/jroll-vue-infinite) - [這里是關于學習vue2.0的相關例子](https://github.com/WYseven/vue2-basic-demo) - [vue2.0版掌上英雄聯盟](https://github.com/arronf2e/Vue2.0LOL) - [Muse-UI 基于 Vue 2.0 和 Material Desigin 的 UI 組件庫](https://museui.github.io/) - [**Vue2.x-douban**](https://github.com/superman66/vue2.x-douban) ![Vue2.x-douban](https://img.shields.io/github/stars/superman66/vue2.x-douban.svg?style=social&label=Star&maxAge=2592000) A simple of douban movie build with vue2.x,vue-router and axios(豆瓣電影). by [Superman](https://github.com/superman66) - [【vue+axios】一個項目學會前端實現登錄攔截](https://github.com/superman66/vue-axios-github) - [vue源碼學習系列](https://github.com/youngwind/blog) - [iView 發布 1.0 正式版，43 個 UI 組件助力中后臺業務開發](https://zhuanlan.zhihu.com/p/25324298) - [vue – Quasar Framework構建響應式網站和 hybrid 移動 App](http://www.17shulihua.com/archives/2191) ##### 7.1 Vue 群內資源 #### 8. jQuery - [jquery固定表格頭插件fixedheadertable](http://www.jq22.com/jquery-info10153) - [你可能不需要jQuery](http://youmightnotneedjquery.com/) #### 9. 看書學習 | 成長 | 寫作 - [2016年JavaScript領域中最受歡迎的“明星”們](http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484925&idx=1&sn=12d5bc8f45eacdb4c4b9d08e637b4288&chksm=9723673fa054ee29e3819483051dd9aca9169c78ebe0637b90a6609b866d32d7c8837abf4173#rd) #### 10. Git | Github | SVN | FTP - [TCP/IP漫游](http://blog.mrriddler.com/2017/01/13/TCP:IP%E6%BC%AB%E6%B8%B8/) - [Github 安全類Repo收集整理](https://zhuanlan.zhihu.com/p/21380662) - [Github 安全軍火庫（二）](https://zhuanlan.zhihu.com/p/22110538) - [Github 安全軍火庫（三）](https://zhuanlan.zhihu.com/p/22684414) - [Github 安全軍火庫（四）](https://zhuanlan.zhihu.com/p/25104414) - [Git工作流詳解](https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md) - [專門為Github黨打造的超級無敵Chrome插件](http://t.cn/RJaE32J) - [【Git操作系列】Git由淺入深之基本原理](https://zhuanlan.zhihu.com/p/25414069) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [我回阿里的29個月](https://zhuanlan.zhihu.com/p/25146682) - [互聯網創業公司黑話指南](https://zhuanlan.zhihu.com/p/25530313) #### 12. IDE，編輯器，調試等工具類 #### 13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt #### 14. Sass，PostCSS，Stylus 群號：578901836 - [Stylus-NodeJS下構建更富表現力/動態/健壯的CSS](http://www.zhangxinxu.com/wordpress/2012/06/stylus-nodejs-expressive-dynamic-robust-css/) - [stylus中文版參考文檔之選擇器(Selectors)](http://www.zhangxinxu.com/jq/stylus/selectors.php) - [stylus入門使用方法](https://segmentfault.com/a/1190000002712872) #### 15. 工作方法 | 協同 | 流程 #### 16. Nodejs 群號：422910907 - [最佳Node實踐之實用十式: Node大師帶來的啟迪](http://www.zcfy.cc/article/10-node-js-best-practices-enlightenment-from-the-node-gurus-2445.html) - [Awesome Node.js](https://github.com/sindresorhus/awesome-nodejs) - [awesome-nodejs-1](https://github.com/Unitech/awesome-nodejs-1) - [Awesome Node.js projects](https://github.com/sqreen/awesome-nodejs-projects) - [NodeJS 工程師必備的 8 個工具](https://zhuanlan.zhihu.com/p/25310451) #### 17. UI 群號：321173051 - [前端切圖神器avocode](https://blog.jimdono.com/qian-duan-qie-tu-shen-qi-avocode/) - [設計導航](http://hao.shejidaren.com/) #### 18. 性能優化教程 - [2017前端性能優化清單](https://github.com/Findow-team/Blog/issues/11) - [前端優化不完全指南](https://aotu.io/notes/2016/03/16/optimization/) - [JavaScript 啟動性能瓶頸分析與解決方案](https://zhuanlan.zhihu.com/p/25221314) - [這項瀏覽器調整使 Facebook 收到的網絡請求減少了 60%](https://github.com/xitu/gold-miner/blob/master/TODO/this-browser-tweak-saved-60%25-of-requests-to-facebook.md) #### 19. 面試 | 求職 - [自學前端老司機還原2017面試過程](https://zhuanlan.zhihu.com/p/25522728) - [最近遇到的前端面試題(2017.02.23更新版)](http://www.jianshu.com/p/3944732228f0) #### 20. Mac ios 群號：415074410 - [macOS 快捷鍵系列-2-截圖, Gif制作及App推薦](http://singsing.io/blog/2017/01/23/Mac-2/) #### 21. Android 群號：415074410 - [Android API 指南](http://mp.weixin.qq.com/s?__biz=MzI4MTQyNDg3Mg==&mid=2247483984&idx=1&sn=39594f4e438806c767474a80cc382037&chksm=eba824d7dcdfadc1d0c81606c0471ba87bebc1306acb08e9b447e313433e1774f31baafb48ca#rd) #### 22. PHP 群號：82254462 - [新手入門PHP之道](http://laravel-china.github.io/php-the-right-way/) - [PHP中的哈希表](http://www.cnblogs.com/h-hq/p/5643141.html) - [PHP 內核分析：Zend 虛擬機](http://joshuais.me/php-zend-vm/) #### 23. Java 群號：145381037 - [阿里巴巴java代碼規約介紹](https://102.alibaba.com/newsInfo.htm?newsId=6) #### 24. Python 群號：130705066 - [爬蟲入門及HTTP協議的講解](https://zhuanlan.zhihu.com/p/25035661) - [Python最佳實踐指南！](https://pythonguidecn.readthedocs.io/zh/latest/) - [Python最佳實踐指南！](https://pythonguidecn.readthedocs.io/zh/latest/) #### 25. Hybrid App 群號：498173484 以下鏈接由Hybrid App群主：江西-醉逍遙推送 #### 26. ASP.NET C# 群號：461614624 - [C# 在騰訊的發展](http://www.cnblogs.com/shanyou/p/5915056.html) - [.Net中的AOP系列之構建一個汽車租賃應用](http://www.cnblogs.com/farb/p/5675975.html) - [數據庫優化案例——————某市中心醫院HIS系統](http://www.cnblogs.com/double-K/p/5712334.html) #### 27. Go 群號：336195657 #### 28. 英語 - [作為一名前端工程師，英文會不會成為我的瓶頸？](https://www.zhihu.com/question/55998388) #### 29. 其它 - 影視 - [有什么好看的電影？](https://www.zhihu.com/question/26477086/answer/66094136) - 健康，養生 - [頭前傾如何有效康復？](https://zhuanlan.zhihu.com/p/25123298) - 歷史，人文 - 其它 - [前端發展方向探索之PWA](https://huangxuan.me/2017/02/09/nextgen-web-pwa/) - [哪些思維方式是你刻意訓練過的？](https://www.zhihu.com/question/23913984/answer/111272944) #### 30. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 2. 中級群 - [script標簽與event loop在W3C規范及瀏覽器中的表現](https://segmentfault.com/a/1190000008299659) 3. 初級群 4. 初級2群 5. 跳板1群 #### 31. 感謝以下貢獻者 - [@魔芋](https://github.com/moyuling) - [@云峰](https://github.com/wuyunfeng8) - [@S1ngS1ng](https://github.com/S1ngS1ng) - [@牧云云](https://github.com/MuYunyun) - [@Godfery](https://github.com/hiyangguo)