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

## 概況在線地址：`http://www.hmoore.net/jsfront/month/82796` [JS前端開發群月報](http://www.hmoore.net/jsfront/month/82796) --- #### 1. Javascript 175453545 - [關于 ES7 Function Bind Syntax 的思考](https://segmentfault.com/a/1190000002891125) - [BOOM：一款有趣的Javascript動畫效果](http://web.jobbole.com/85543/) - [CORS跨站資源共享之二](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402804565&idx=1&sn=415fc9eab30edcb66227ed5e099f9a66&scene=0#wechat_redirect) - [最流行的編程語言JavaScript能做什么？](http://zhuanlan.zhihu.com/p/20731338) - [到底什么是閉包？](https://www.zhihu.com/question/34210214) - [JSON.stringify 的第三個參數](http://m.weibo.cn/1812166904/3963590128133871/qq?sourceType=qq&from=1063195010&wm=20005_0002) - [跨域資源共享 CORS 詳解 - 阮一峰](http://www.ruanyifeng.com/blog/2016/04/cors.html) - [前端要給力之：語句在JavaScript中的值 - 周愛民](http://blog.csdn.net/aimingoo/article/details/51136511) - [中國第二屆FEDay視頻花絮](http://mp.weixin.qq.com/s?__biz=MzA5NTM2MTEzNw==&mid=489226684&idx=1&sn=0bc491567699b6b6a6a6f3c4e0a97d7d#rd&location=35) - [編碼規范|前端工程師手冊](https://leohxj.gitbooks.io/front-end-database/content/preference/code-style.html) - [奇舞周刊](http://old.75team.com/weekly/issue154.html) - [JavaScript 被忽視的細節](http://www.barretlee.com/blog/2016/04/18/javascript-detail/) - [Chrome 中 scrollingElement 的變化](https://imququ.com/post/document-scrollingelement-in-chrome.html) - [使用 JavaScript 進行單詞發音](https://segmentfault.com/a/1190000004963610) - [如何優雅地寫js異步代碼](http://iammapping.com/write-js-async-gracefully/) - [怎樣防止重復發送 Ajax 請求？](https://www.zhihu.com/question/19805411) - [2016年度 JavaScript 展望（上）](https://segmentfault.com/a/1190000004974384) - [為什么是 JSONP](https://segmentfault.com/a/1190000004953537) - [WebGL 技術儲備指南](http://taobaofed.org/blog/2015/12/21/webgl-handbook/) - [JavaScript數據雙向綁定的簡單演示](http://div.io/topic/1645) - [關于 JavaScript 的好書有哪些？](https://www.zhihu.com/question/19562698) - [利用HTML注釋的頁面翻譯解決方案](http://jslite.io/translater.js/) #### 2. 移動Javascript開發群號：148257606 - [微信瀏覽器全面升級至X5 Blink內核，支持遠程調試](http://mp.weixin.qq.com/s?__biz=MjM5NDAxMDg4MA==&mid=2650959241&idx=1&sn=e1b69161311fc0f0442911420f1b35de&scene=1&srcid=0420Kw8o5gOGJO55CfBGBCxM&from=groupmessage&isappinstalled=0#wechat_redirect) - [JS開發HTML5游戲《悠悠考拉》（一）](http://www.cnblogs.com/hongqing/p/5280281.html) #### 3. Html5 - [網頁頭部的聲明應該是用 lang="zh" 還是 lang="zh-cn"？](https://www.zhihu.com/question/20797118) - [2016年最火的 15 款 HTML5 游戲引擎](http://diycode.cc/topics/16) - [百度的Html5工具](http://h5.baidu.com/) - [微信內置瀏覽器對于 HTML5 的支持如何？](https://www.zhihu.com/question/23595715) - [HTML5語義化](http://www.w3cplus.com/html5/semantics-tags.html) #### 4. CSS - [有哪些精致的 CSS UI 框架?](https://www.zhihu.com/question/20514054) - [CSS秘密花園](http://www.w3cplus.com/blog/tags/502.html) - [CSS vs JS動畫：誰更快？](http://zencode.in/19.CSS-vs-JS%E5%8A%A8%E7%94%BB%EF%BC%9A%E8%B0%81%E6%9B%B4%E5%BF%AB%EF%BC%9F.html) - [【CSS3進階】酷炫的3D旋轉透視](http://www.cnblogs.com/coco1s/p/5414153.html) - [純html5+css能寫出什么驚人的效果？](https://www.zhihu.com/question/40149352) - [CSS如何實現彈簧動畫效果](http://www.w3cplus.com/animation/spring-animation-in-css.html) - [前端動畫原理與實現](http://matrix.h5jun.com/slide/show?id=117#/) - [CSS3 loading](https://connoratherton.com/loaders) #### 5. Angular 群號：238251402 - [如何看angularjs源代碼？](https://www.zhihu.com/question/30154124) - [【1024前端技術峰會實錄】Angular 2 核心模塊剖析](http://mp.weixin.qq.com/s?__biz=MzIzMzEzODYwOA==&mid=417397225&idx=1&sn=99fc7f7401606c3a47b31b88827c9239) - [angular的$watch是如何實現的?](https://www.zhihu.com/question/42530909) #### 6. React, Webpack 群號：530415177 - React - [react.js文件體積為何如此龐大？](https://www.zhihu.com/question/30833764) - [React框架為什么這么火：React的設計思想](http://mp.weixin.qq.com/s?__biz=MzA5Njc3Njk5NA==&mid=2650528748&idx=1&sn=4d3093e963ce76c642eb0c5d9a97625b#rd) - [【譯】2016React大會之React展望](http://www.alloyteam.com/2016/04/reactjs2016-what-lies-ahead/) - [React Native 開源一周年回顧](http://zhuanlan.zhihu.com/p/20785827) - [React.js 新手村教程](http://blog.zhaiyifan.cn/2016/04/22/trans-react-newbies-tutorial/) - [React，我從未見過如此好看的教程（1）](http://www.jianshu.com/p/fa27ae471531) - Webpack - [webpack常用配置總結](http://www.h-simon.com/42/) #### 7. Vue 群號：364912432 - [Vue源碼學習 Vue.js v1.0.18](https://github.com/JsAaron/vue-analysis) - [國內有哪些公司在用Vue.js，有什么心得?](https://www.zhihu.com/question/38213423) - [vue 無后端blog](http://m.weibo.cn/1408056531/3962052252625595/qq?sourceType=qq&from=1063195010&wm=20005_0002) - [vue 無后端blog - github](https://github.com/myst729/Vuelog) - [Sublime text - Vue Syntax Highlight](https://github.com/vuejs/vue-syntax-highlight) - [掘金· 發現｜Vue.js 的組件化編程 #004](http://zhuanlan.zhihu.com/p/20773378) - [學習 vue.js，Node.JS 等技術不知道寫什么東西？](https://www.zhihu.com/question/38269617) - [vue Learning Tutorials](https://coligo.io/) - [Vue 2.0 發布啦！](https://zhuanlan.zhihu.com/p/20814761) - [Vue 2.0數據綁定實現一瞥](http://jimliu.net/2016/04/29/a-brief-look-at-vue-2-reactivity/) #### 8. jQuery - [jquery學習網站](http://jqexercise.droppages.com/) #### 9. 看書學習 | 成長 - [哪些事做起來無聊但堅持越久意義越大？](https://www.zhihu.com/question/25365330) - [小土刀 - 技術文章索引](http://wdxtub.com/about/) - [怎樣成為全棧工程師（Full Stack Developer）？](https://www.zhihu.com/question/22420900/answer/94726875) - [意識到了自己沒有辦法成為 top 1% 的程序員，還應該選擇程序員的道路么？](https://www.zhihu.com/question/41996685/answer/95294358) #### 10. Git | Github | SVN | FTP - [sublime-text-git](https://github.com/kemayo/sublime-text-git) - [Github上都有哪些有用但不為大家熟知的小功能？](https://www.zhihu.com/question/36974348) #### 11. 創業 | 職場 | 管理 | 產品 | 運營 - [如何管理 90 后員工？有哪些經驗分享？](https://www.zhihu.com/question/20406830) - [如何設計出色的網站后臺原型？](https://www.zhihu.com/question/31859504) - [大學和職場脫節在哪里？](https://www.zhihu.com/question/20079854) - [馬云從創業開始到底做了什么讓阿里巴巴走向世界](https://www.zhihu.com/question/33904395) - [創業公司怎么找投資人？](https://www.zhihu.com/question/24900522) - [是否絕大部分創業公司都活不過 5 年？是哪些原因讓創業公司走向倒閉？](https://www.zhihu.com/question/20110981) - [曾經在bat網易等大公司實習的你們當年的實力到達了一個什么樣的高度？](https://www.zhihu.com/question/44188457) - [雷軍說小米手機成本價賣給消費者，正在考慮收會員費、服務費。請問這樣做合理嗎？用戶會不會買賬?](https://www.zhihu.com/question/43933460/answer/96740750) - [寫十年的代碼是一種什么樣的體驗？](https://www.zhihu.com/question/35100740) #### 12. IDE，編輯器，調試等工具類 - [我想你需要這個簡單好用的 Markdown 閱讀器](http://zhuanlan.zhihu.com/p/20695286) - [visual studio code 使用指南](http://i5ting.github.io/vsc/) - [移動前端調試工具aardwolf和weinre在愛奇藝商城H5項目中應用](http://hzxiaosheng.bitbucket.org/work/2015/02/26/advanced-usage-of-aardwolf-and-weinre-in-iqiyi-mall-h5-project.html) - [Chrome devTool 自定義主題](https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme) - [SUBLIME TEXT 3搭建REACT.JS開發環境](http://hao.jser.com/archive/8322/) - [sublime-text 綜合資源](https://github.com/jikeytang/sublime-text.git) - [sublime_packages - svn](https://wbond.net/sublime_packages/svn) - [sublime_packages - ftp](https://wbond.net/sublime_packages/sftp) - [Win下必備神器之Cmder](http://www.jeffjade.com/2016/01/13/2016-01-13-windows-software-cmder/) #### 13. 前端架構及工程化等 - [使用Gulp構建網站小白教程](http://blog.h5jun.com/post/gulp-build.html) - [關于架構的優化和設計，架構師必須悟透的事情](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=411196355&idx=1&sn=be0d574b4a1fd930d897b6b3cf1fbc0a) - [gulp-changed的使用：只編譯改動過的文件](https://segmentfault.com/a/1190000004929314) - [公司前端開發架構改造](https://segmentfault.com/a/1190000004962586) - [什么叫組件化開發?](https://www.zhihu.com/question/29735633) - [大型分布式網站架構](http://www.cnblogs.com/itfly8/category/756114.html) #### 14. Sass，PostCSS - [PostCss插件，兼容所有版本的flexbox屬性](https://github.com/targetkiller/postcss-flexadapter) - [淺談PostCSS](https://segmentfault.com/a/1190000004946765) #### 15. 工作 | 協同 | 流程 - [如何評價協作工具 Slack？](https://www.zhihu.com/question/22890036) #### 16. Nodejs 群號：422910907 - [Node.js最新Web技術棧（2016年4月）](https://cnodejs.org/topic/56fdf66ec5f5b4a959e91771) - [Node.js 模塊加載和瀏覽器的加載器的區別](http://m.weibo.cn/1646152571/3964963515500569/qq?sourceType=qq&from=1064095010&wm=20005_0002) - [KOA框架鋪墊之generator](https://segmentfault.com/a/1190000004969890) - [搭建前端私有npm雜記](http://www.cnblogs.com/lvdabao/p/frontend-private-npm.html) - [圖解基于node.js實現前后端分離](http://yalishizhude.github.io/2016/04/19/front-back-separation/) - [基于koa+fis3+swig前后端isomorphic類同構實現](http://ouvens.github.io//frontend-build/2016/04/21/koa-fis3-swig-nodejs-isomorphic.html) - [如何評價 Node v6.0.0 (Current) ？](https://www.zhihu.com/question/44689982) - [通過源碼分析Nodejs學習系列 - 菜菜蔡偉](https://segmentfault.com/u/caicaicaiwei/articles) - [Node.js是用來做什么的？](https://www.zhihu.com/question/33578075) #### 17. UI - [設計中會用到 UI 設計規范嗎？](https://www.zhihu.com/question/19791196) - [gentelella 一款開源的 Bootstrap 3 管理員面板](https://github.com/puikinsh/gentelella) - [畢業季，答辯PPT怎么設計？](http://weibo.com/ttarticle/p/show?id=2309403967892726115867) - [有哪些稱得上UI美如畫的APP？](https://www.zhihu.com/question/39014460) - [為什么娃哈哈的廣告和產品包裝都很難看？](https://www.zhihu.com/question/26522748) #### 18. 性能優化教程 - [Qzone高性能HTTPS實踐](http://mp.weixin.qq.com/s?__biz=MzA3ODQzMjE1Ng==&mid=402208671&idx=1&sn=ca6062e8f6dbffaa3d66e3949de0e611) - [你是如何搭建 Web 前端性能監控系統的？](https://www.zhihu.com/question/37585246) #### 19. 面試 | 求職 - [前端面試時總讓寫原生Ajax真的很有意義嗎？](https://www.zhihu.com/question/41986174) - [遲來的面試總結](http://cnt1992.xyz/2016/04/05/%E8%BF%9F%E6%9D%A5%E7%9A%84%E9%9D%A2%E7%BB%8F/) - [前端求職過程中，如何快速評估前端開發在一家公司中所依賴的技術比重呢？](https://www.zhihu.com/question/41567846) - [創業公司應該如何招人？](https://www.zhihu.com/question/19551593) - [找工作的一些感悟——前端小菜的成長](http://www.cnblogs.com/dolphinX/p/3510346.html) #### 20. mac ios - [Mac 上怎么能少了一款好用的 GIF 錄制工具？](http://zhuanlan.zhihu.com/p/20732038) - [如果不想讓臨時截圖堆滿桌面，這個應用你應該試試](http://zhuanlan.zhihu.com/p/20763877) - [Marboo筆記 -- 專業的輕量級標記語言文本預覽器](http://marboo.io/zh_CN/) #### 21. php 群號：132984819 - [Twig - php模板引擎](http://twig.sensiolabs.org/) - [想要開發自己的PHP框架需要那些知識儲備？](https://www.zhihu.com/question/26635323) #### 22. java 群號：145381037 - [Java 自學路線指導？](https://www.zhihu.com/question/28197450) - [JAVA學到什么水平就可以轉戰Android了？](https://www.zhihu.com/question/33993035) #### 22. 英語 - [如何自學英語，有什么學習方法？](https://www.zhihu.com/question/19713200) #### 23. 其它 - 影視 - [為什么陳凱歌再也沒拍出《霸王別姬》評價這么高、質量這么好的電影了？](https://www.zhihu.com/question/20156846) - [有哪些根據真實犯罪故事改編的電影？](https://www.zhihu.com/question/41111803/answer/92470665) - 健康，養生 - [早起床好處都有啥？有哪些早起床可以養成的好習慣呢？](https://www.zhihu.com/question/30819414) - 歷史，人文 - [為什么明朝科技這么發達，清朝滅明之后科技反而退步了？](https://www.zhihu.com/question/23012070) - [畢加索的畫好在哪里？](https://www.zhihu.com/question/19934954) - [寫一本書出版是怎樣一種體驗？](https://www.zhihu.com/question/27905171) - [如何評價已故作家陳忠實？](http://www.zhihu.com/question/44927439) - 其它 - [面向程序員的數據挖掘指南](https://github.com/egrcc/guidetodatamining) - [公歷(陽歷)農歷(陰歷)轉換，支持時間段從1900-2100](https://github.com/isee15/Lunar-Solar-Calendar-Converter) - [提高效率必備：Windows 10快捷鍵大全](http://www.win10it.com/287/) - [SVG 圖標制作指南](http://zhuanlan.zhihu.com/p/20753791) - [好用的截圖工具有哪些？](https://www.zhihu.com/question/19593742/answer/12853929) - [生活中有哪些小事讓你意識到了思維的局限性？](https://www.zhihu.com/question/40498719/answer/90891279) - [Python 的練手項目有哪些值得推薦？](https://www.zhihu.com/question/29372574) #### 24. 特別推薦我聯盟群幾個高手的力作或個人網站 1. 高級群 - [出奇制勝 - 何幻](http://thzt.github.io/blog/2016/04/27/surprise-move/) - [【Web動畫】CSS3 3D 行星運轉 && 瀏覽器渲染原理 - 廣州-Coco](http://www.cnblogs.com/coco1s/p/5439619.html) 2. 中級群 - [Vue構建單頁應用最佳實戰 - 二哲](https://segmentfault.com/a/1190000005009052) - [移動Web觸控事件總結 - 木的樹](http://www.cnblogs.com/dojo-lzz/p/5452575.html) 3. 初級群 4. 入門群 - [紀念即將逝去的Vue過濾器](http://www.jianshu.com/p/0f52db045010) 5. 跳板群2 - [Vue-color - 廣州-Don](http://xiaokaike.github.io/vue-color/) - [多功能圖片上傳，支持截圖黏貼，拖拽，文件上傳 - 廣州-Don](https://github.com/xiaokaike/magic-upload-image)