2015-12 · JS前端開發群月報

# 12月份前端資源分享 ####1. Javascript - [深入淺出ES6](http://www.infoq.com/cn/es6-in-depth/) - [JS實現“旋轉木馬”幻燈片效果](http://www.imooc.com/learn/386) - [GitHub 上一份很受歡迎的前端代碼優化指南-強烈推薦收藏](http://www.cnblogs.com/huyong/p/5018380.html) - [markdown 編輯器 ndpeditor](http://www.oschina.net/p/ndpeditor) - [拋棄jQuery，擁抱原生JavaScript](https://github.com/camsong/blog/issues/4) - [Javascript操作DOM常用API總結](http://www.imooc.com/article/2562) - [\[譯\]JavaScript ES6解構賦值指南](http://segmentfault.com/a/1190000002920859) - [\[譯\]JavaScript ES6迭代器指南](http://segmentfault.com/a/1190000003021261) - [\[譯\]JavaScript ES6 class指南](http://segmentfault.com/a/1190000003097911) - [\[譯\]JavaScript ES6箭頭函數指南](http://segmentfault.com/a/1190000003781467) - [\[譯\]JavaScript ES6模塊指南](http://segmentfault.com/a/1190000004100661) - [[ JS 進階 ] 基本類型引用類型簡單賦值對象引用](https://segmentfault.com/a/1190000002789651) - [虛擬場景](http://www.webhek.com/misc/creativeguidebook) - [[譯]脫離jQuery，使用原生Ajax](http://segmentfault.com/a/1190000004100271) - [JavaScript之web通信](http://www.barretlee.com/blog/2013/12/17/cb-web-communication/) - [flappy pig小游戲源碼分析(1)——主程序初探](http://www.cnblogs.com/A-dam/p/5060884.html) - [2015前端生態發展回顧](https://segmentfault.com/a/1190000004187528) - [圣誕節，把網站所有的js代碼都壓縮成圣誕樹吧。](http://zhuanlan.zhihu.com/yutou/20439979) - [基于 canvas 將圖片轉化成字符畫](http://www.oschina.net/code/snippet_253614_25164) - [專訪｜大搜車前端負責人@芋頭君](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401387968&idx=1&sn=a2762cc59a40f1ee8ce216bad0c2e347&scene=0#wechat_redirect) - [HTTPS工作原理](https://cattail.me/tech/2015/11/30/how-https-works.html) - [2015年50+ JavaScript 工具、資源合集(第一部分)](http://info.9iphp.com/javascript-resources-2015-first/) - [2015年50+ JavaScript 工具、資源合集(第二部分)](http://info.9iphp.com/javascript-resources-2015-second/) - [異步 JavaScript 進化史](http://zhuanlan.zhihu.com/FrontendMagazine/20322843) - [iOS 9，為前端世界都帶來了些什么？](http://zhuanlan.zhihu.com/FrontendMagazine/20449111) - [我眼中的前端框架jQuery，Angular，React，Vue——以及我看前端架構](http://weibo.com/p/1001603924826640228007) - [近幾年前端技術盤點以及 2016 年技術發展方向](http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/) - [2015前端生態發展回顧](https://github.com/kuitos/kuitos.github.io/issues/32) ####2. 移動Javascript開發 - [打造最舒適的webview調試環境](http://div.io/topic/1449) - [天牛移動開發整合](https://github.com/zjhsd2007/www) ####3. Html5 - [soya2d - Html5游戲開發工具](http://soya2d.com/) - [6小時編寫HTML5網頁游戲-經典坦克大戰](http://www.html5cn.org/article-9099-1.html) - [AlloyStick—專為HTML5開發的2D骨骼動畫引擎](http://www.html5cn.org/article-9114-1.html) - [移動WEB前端開發資源整合](http://www.imooc.com/article/2415) - [打造H5動感影集的愛恨情仇(動畫性能篇)](http://isux.tencent.com/html5-animation-performance-analysis.html) - [手機百度移動適配切圖解決方案介紹-三水清](http://js8.in/2015/12/12/%E6%89%8B%E6%9C%BA%E7%99%BE%E5%BA%A6%E7%A7%BB%E5%8A%A8%E9%80%82%E9%85%8D%E5%88%87%E5%9B%BE%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E4%BB%8B%E7%BB%8D/) - [wangEditor-mobile-移動端編輯器](https://github.com/wangfupeng1988/wangEditor-mobile) - [H5+JS+CSS3 實現圣誕情緣](http://www.imooc.com/learn/545) - [H5 緩存機制淺析移動端 Web 加載性能優化](http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=267) ####4. CSS - [你不知道的Z-Index](http://www.w3ctrain.com/2015/07/19/what-no-one-told-you-about-z-index/) - [純css實現蘋果表盤動畫](http://www.w3ctrain.com/2015/07/06/Apple-Watch-Dials/) ####5. Angular - [［翻譯］有關Angular 2.0的一切](https://github.com/xufei/blog/issues/8) - [[譯]ANGULAR VS. EMBER VS. REACT 如何選擇前端框架](http://www.w3ctech.com/topic/1621) - [Angular 2 中文資料匯總(文章，視頻，教程)](https://github.com/kittencup/angular2-learning-cn) ####6. React - [國內有哪些公司在使用 React.js](http://www.zhihu.com/question/26387853) - [express-react-views](https://github.com/reactjs/express-react-views) - [React 編程規范(by Airbnb)](https://github.com/dwqs/react-style-guide) - [Deku 發布 2.0 ](http://dekujs.github.io/deku/index.html) ####7. Vue - [Vue.js為什么不支持templateUrl模式](http://www.jianshu.com/p/7f7f050c9edf) - [Vue + Three.js](http://gerhut.github.io/trois.js/) - [Vue2015總結-en](http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/) ####8. jQuery - [You Don't Need jQuery](https://github.com/oneuijs/You-Dont-Need-jQuery) ####9. 看書學習 - [獲取知識的渠道](http://www.jianshu.com/p/79abb2a9a44d) - [孩子需要經歷些什么才會明白學業的重要性？](https://www.zhihu.com/question/31809134/answer/76379399) - [做哪些事情可以提升生活品質？](https://www.zhihu.com/question/22347626/answer/23558269) - [什么時候該堅持，什么時候不該堅持？](https://www.zhihu.com/question/19704221/answer/76327426) ####10. Git,Github - [Git Community Book 中文版](http://gitbook.liuhui998.com/) ####11. 創業 | 職業 | 管理 | 產品 - [2015 年國內外有什么讓你眼前一亮的 App？](https://www.zhihu.com/question/37624440) - [盤點2015年前端早讀課專訪](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401413108&idx=1&sn=bde37d7d000b7ca27bbb29f49ba0a563&scene=0#wechat_redirect) ####12. IDE，編輯器，調試等工具類 - [Atom飛行手冊（中文版）](https://www.gitbook.com/book/wizardforcel/atom-flight-manual-zh-cn/details) ####13. 前端及架構工程化等 - [前端掃盲-之打造一個自動化的前端項目](http://www.awesomes.cn/source/9) - [我的Browsersync筆記](http://yanhaijing.com/tool/2015/12/26/my-browsersync/) - [Webpack 怎么配置域名、端口](http://react-china.org/t/webpack/3507) - [怎么判定web前端架構師的能力高低](http://div.io/topic/746) - [Webpack 中文指南](https://zhaoda.gitbooks.io/webpack/content/index.html) - [前后端技術概論](https://github.com/phodal/repractise) ####14. Sass，PostCSS - [PostCSS深入學習: PostCSS和Sass、Stylus或LESS一起使用](http://www.w3cplus.com/PostCSS/using-postcss-together-with-sass-stylus-or-less.html) ####15. 工作 | 協同 | 流程 - [我的三段創業經歷（一）：個人站長](http://www.jianshu.com/p/92ba465222b5) - [我的三段創業經歷（二）：自主創業](http://www.jianshu.com/p/f75f9cd1ee36) - [我的三段創業經歷（三）：參與創業](http://www.jianshu.com/p/27d2a32b42ae) - [我在百度那兩年——講述運營、團隊和企業文化那點事（少量吐槽）](http://www.jianshu.com/p/aa4701cf5350) ####16. Nodejs - [Node.js 探秘(二) - 求異存同](http://taobaofed.org/blog/2015/12/03/deep-into-node-2/) - [nodejs-wp](https://github.com/Automattic/wp-calypso) - [nodejs 5.2文檔翻譯](http://www.cnblogs.com/A-dam/tag/nodejs%20%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91/) - [Node.js中的哪些庫讓你相見恨晚](https://www.zhihu.com/question/24611701) - [Node.js 單元測試：workflow](http://taobaofed.org/blog/2015/12/29/nodejs-unit-tests-workflow/) ####17. UI - [優設圖書導航](http://hao.uisdc.com/book/) - [如何成為交互設計師？](https://www.zhihu.com/question/20827149/answer/65191954) ####18. 性能優化教程 - [前端性能優化之更平滑的動畫](http://www.w3ctrain.com/2015/12/01/smoother-animation/) ####19. 面試相關 - [40 個重要的 HTML5 面試問題及答案](http://www.codeceo.com/article/40-important-html5-interviews.html) ####20. mac ios ####21. php - [深入理解PHP7之zval](https://github.com/laruence/php7-internal/blob/master/zval.md) - [PHP第三方登錄—OAuth2.0協議](http://www.imooc.com/learn/557) ####22. 英語 - [為什么你不需要背那么多單詞？](http://zhuanlan.zhihu.com/talk-about-english/20390241) ####23. 其它 - [微信搶紅包插件 Android Service教學實例](https://github.com/geeeeeeeeek/WeChatLuckyMoney) - [高清ICON SVG解決方案（上）](http://isux.tencent.com/svg-icon-part-one.html) - [高清ICON SVG解決方案（下）](http://isux.tencent.com/svg-icon-part-two.html) - [如何提高寫產品文案的能力呢？](https://www.zhihu.com/question/19575016) - [有什么知識，你知道后你的世界馬上就不一樣了？](https://www.zhihu.com/question/38632401/answer/77617132) ####24. D2 - [D2官網](http://d2forum.alibaba-inc.com/) - [參加第十屆D2前端技術論壇，你有什么收獲？](https://www.zhihu.com/question/38637676) - [D2前端技術論壇那一天，大家都是怎么過的？都有些什么收獲？](https://www.zhihu.com/question/26403247) - [BlendUI](https://github.com/Clouda-team/BlendUI) - [BlendUI2](https://github.com/Clouda-team/BlendUI2) - [thinkjs](https://github.com/75team/thinkjs) - [D2參與感受](http://www.jianshu.com/p/439babe32b5d) - [2015阿里巴巴D2前端論壇-參會總結](http://ued.qunar.com/mobile/blog/2015/12/21/2015%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4D2%E5%89%8D%E7%AB%AF%E8%AE%BA%E5%9D%9B-%E5%8F%82%E4%BC%9A%E6%80%BB%E7%BB%93/)