2016-12
最后更新于：2022-04-01 06:15:30
## 概况
在线地址：`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796)
提交原则：
- 技术文章新的为主。
- 以前的文章，比较经典的也可以提交。
- [如何提交月报](http://www.kancloud.cn/jsfront/month/227309)
---
## 12月份前端资源分享
#### 1. Javascript 175453545
- [《Understanding ECMAScript 6》完整中文翻译](https://zhuanlan.zhihu.com/p/24023171)
- [JS跨域解决方案详解](https://1657413883.github.io/2016/11/28/JS%E8%B7%A8%E5%9F%9F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E8%AF%A6%E8%A7%A3/)
- [深究JS异步编程模型](https://segmentfault.com/a/1190000007624332)
- [前端新人工作中多造轮子对未来的发展是好是坏？](https://www.zhihu.com/question/53209764)
- [如何看待 svelte 这个前端框架？](https://www.zhihu.com/question/53150351)
- [2016年开源巨献：来自百度的71款开源项目](http://www.cnblogs.com/kingboy2008/p/6117741.html)
- [探秘JavaScript中的六个字符](http://www.zcfy.cc/article/a-javascript-journey-with-only-six-characters-1370.html)
- [写正则不要再瞎转义了](http://www.cnblogs.com/ziyunfei/p/6098021.html)
- [如何探测 JS 代码中的死循环](https://zhuanlan.zhihu.com/p/23954773)
- [Electron + React + Node.js + ES6 开发桌面软件](http://blog.csdn.net/arnozhang12/article/details/51735815)
- [JavaScript易错知识点整理](https://gold.xitu.io/post/584268a561ff4b006c27c7b9)
- [用 RxJS 连接世界](http://qianduan.guru/2016/12/10/connect-world-with-rxjs/)
- [一个专注于成为最好的 js 社区的网站](https://js.org/)
- [割裂的前端工程师--- 2017年前端生态窥探](https://zhuanlan.zhihu.com/p/23858051)
- [《你不知道的js》中倡导的编程风格？](https://www.zhihu.com/question/53506191)
- [JavaScript30 - 1.Drum Kit](https://gold.xitu.io/post/584fa265128fe10058b8e84d)
- [StuQ 程序员技能图谱](https://github.com/TeamStuQ/skill-map)
- [js引擎能做到多小？](https://www.zhihu.com/question/53612496)
- [聊一聊H5应用缓存\-Manifest](http://louiszhai.github.io/2016/11/25/manifest/)
- [盘点2016年热门技术](https://my.oschina.net/mrtudou/blog/806607)
- [Web如何防止XSS攻击](https://segmentfault.com/a/1190000007752362)
- [16种方法实现水平居中垂直居中](http://louiszhai.github.io/2016/03/12/css-center/)
- [WEB前端规范](http://www.jianshu.com/p/66f066126f5f)
- [参加第11届D2前端技术论坛，你有什么收获？](https://www.zhihu.com/question/52777303)
- [Medium上有那些值得关注的前端领域的作者？](https://www.zhihu.com/question/53953267)
- [JavaScript 函数参数的最佳实践](http://www.zcfy.cc/article/best-practices-for-javascript-function-parameters-codeutopia-2053.html)
- [Web开发的各种性能工具](http://mp.weixin.qq.com/s/4VVKXP-YhcmRlYudorjsIA)
- [JavaScript 的性能优化：加载和执行](http://caibaojian.com/jsload.html)
- [undersercore源码分析](https://www.gitbook.com/book/yoyoyohamapi/undersercore-analysis/details)
#### 2. 移动微信小程序Javascript开发 群号：148257606
- [一步一步实现字母索引导航栏](http://www.html-js.com/article/luobo-jishubiji-yibuyibushixianzimusuoyindaohanglan%203853)
- [微信小程序里碰到的坑和小知识](http://www.html-js.com/article/weixinxiaochengxu-weixinxiaochengxulipengdaodikenghexiaozhishi%203848)
- [移动端实现内滚动的4种方案](https://zhuanlan.zhihu.com/p/24125823)
#### 3. Html5
- [客户端(浏览器端)数据存储技术概览](https://github.com/dwqs/blog/issues/42)
- [谷歌 HTML/CSS 规范](https://segmentfault.com/a/1190000007023192)
- [【Web动画】SVG 线条动画入门](http://www.cnblogs.com/coco1s/p/6225973.html)
- [【Web动画】SVG 实现复杂线条动画](http://www.cnblogs.com/coco1s/p/6230165.html)
#### 4. CSS 群号：578901836
- [新手玩CSS中的一些黑科技](https://zhuanlan.zhihu.com/p/24066984)
- [cssreference](http://cssreference.io/)
- [7种方式实现web下划线](http://mp.weixin.qq.com/s/nkJwMQjOqr5I6yf5dRryMA)
- [Css切图过程关于切图工具Photoshop、Sketch里面的长度单位（字体、行高）问题？](https://www.zhihu.com/question/53181253)
- [三列布局面试题延伸](http://www.jackpu.com/san-lie-bu-ju-zuo-you-gu-ding-zhong-jian-lie-zi-gua-ying-tan-jiu/)
- [div怎么和它的伪类after共用一样背景图片？](https://segmentfault.com/q/1010000007756622)
- [既然写CSS很容易，那为什么大家还是把CSS写的那么烂呢？](http://www.zcfy.cc/article/if-css-is-so-easy-why-does-everyone-suck-hacker-noon-1683.html)
- [CSS方法论完全总结](http://www.cnblogs.com/kidney/p/6197037.html)
- [CSS最佳实践——成为CSS忍者的十四步(上)](https://mp.weixin.qq.com/s/3nUibvyulsE-8HECwcletg)
- [CSS最佳实践——成为CSS忍者的十四步(下)](https://mp.weixin.qq.com/s/vk_IVLt_c4nL8VaNg0JRRQ)
- [第三届 CSS 开发者大会笔记](http://www.jianshu.com/p/c17ef1195543)
- [CSS 继承深度解析](https://github.com/xitu/gold-miner/blob/master/TODO/css-inheritance-cascade-global-scope-new-old-worst-best-friends.md)
- [2016年 CSS 库、框架和工具新生榜 TOP 50](https://my.oschina.net/u/2903254/blog/809874)
- [构建稳固的、可升缩的CSS框架的八大原则](http://www.zcfy.cc/article/8-simple-rules-for-a-robust-scalable-css-architecture-2082.html)
- [css的未来](http://www.cnblogs.com/pssp/p/6035199.html)
- [说说CSS学习中的瓶颈](http://www.zhangxinxu.com/wordpress/2012/07/bottleneck-css-study/)
- [视觉格式化模型中的各种框](http://blog.doyoe.com/2015/03/09/css/%E8%A7%86%E8%A7%89%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%A8%A1%E5%9E%8B%E4%B8%AD%E7%9A%84%E5%90%84%E7%A7%8D%E6%A1%86/)
- [Flex 布局语法教程](http://www.runoob.com/w3cnote/flex-grammar.html)
- [CSS display 属性详解](https://segmentfault.com/a/1190000006047872)
#### 5. Angular 群号：238251402
- [使用 NativeScript 和 Angular2 构建跨平台 APP](http://qianduan.guru/2016/07/03/create_cross_platform_app_with_nativescript_angular/?utm_source=gold_browser_extension)
- [如何评价 angular 2 中的 AoT？](https://www.zhihu.com/question/53434390)
- [去哪里学Angular 2，怎么学](https://www.delivoper.com/t/angular-2/32)
- [怎么看待2017 年三月 Angular 直接跳 4？](http://www.zhihu.com/question/53484685)
- [JavaScript in TypeScript - TypeScript 2.1 新特性一览](https://zhuanlan.zhihu.com/p/24267683)
#### 6. React, Webpack 群号：530415177
- React
- [React 高级指南小记](https://uxwind.me/2016/11/29/react-advanced-guides.html)
- [awesome-react-cn](https://github.com/Pines-Cheng/awesome-react-cn) 一份详细的react的资源，插件，文档，教程，库和使用实例清单
- [awesome-react](https://github.com/enaqx/awesome-react) A collection of awesome things regarding React ecosystem.
- [收集的关于redux作者的东西](https://github.com/NE-SmallTown/Study-React/blob/master/Something-Interestingly-About-Redux-Or-Its-Author.md)
- [用React、Redux、Immutable做俄罗斯方块](https://github.com/chvin/react-tetris/)
- [React Demo](https://github.com/hjzheng/react-demo-starter)
- Webpack
- [Webpack 2 入门教程](https://llp0574.github.io/2016/11/29/getting-started-with-webpack2/)
- [WebPack中文文档](https://webpack.vuefe.cn/concepts/index/)
- [WebPack项目构建工具](https://hongqinma.github.io/2016/12/02/t13-webpack%E9%A1%B9%E7%9B%AE%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7/)
- [webpack 使用总结](http://www.ferecord.com/webpack-summary.html)
#### 7. Vue 群号：364912432
- [Vue中你不知道但却很实用的黑科技](https://zhuanlan.zhihu.com/p/24173419)
- [前端页面热数据太多，每秒都要请求几百个数据更新，开发这样的页面 Vue 性能怎么样？](https://www.zhihu.com/question/53386694)
- [为什么vue.js一眼看上去很美?](https://segmentfault.com/a/1190000007548442)
- [无需编译、快速生成 Vue 风格的文档网站](https://zhuanlan.zhihu.com/p/24540753)
- [Vue in 2016](https://github.com/neal1991/articles-translator/blob/master/Vue%20in%C2%A02016.md)
- [通过断点(Breakpoint Sharer)试着阅读Vue.js的源码——其一](http://tech.colla.me/zh/show/read_vue_js_sourcecode_by_breakpoints)
- [Think.js与Vue2服务端渲染](https://smallpath.me/post/thinkjs-ssr)
- [Vue组件,用于Vue组件的延迟渲染](https://github.com/yeyuqiudeng/vue-lazy-render)
##### 7.1 Vue 群内资源
#### 8. jQuery
- [Bootstrap Table](http://issues.wenzhixin.net.cn/bootstrap-table/)
- [jquery.scrollTo](https://github.com/flesler/jquery.scrollTo)
#### 9. 看书学习 | 成长
- [读了很多书，但是都忘掉了，读书的意义在哪里？](https://www.zhihu.com/question/22456239)
- [我的 2016 年](http://www.ruanyifeng.com/blog/2016/12/year_summary.html)
- [一个人写作的水平会随着读书变多而有明显的进步吗？](https://www.zhihu.com/question/53811979)
- [我的2016年书单](https://zhuanlan.zhihu.com/p/24539417)
- [2016年末总结，我的前端之路](https://segmentfault.com/a/1190000007963160)
#### 10. Git | Github | SVN | FTP
- [Git提交的正确姿势：Commit message 和 Change log 编写指南](https://mp.weixin.qq.com/s?__biz=MzA4MjU5NTY0NA==&mid=401840568&idx=1&sn=051879b73f32ab7bcbcfc2e3cdd85f07)
- [你必须『收藏』的Github技巧](https://gold.xitu.io/post/58509f8161ff4b00683a360c)
#### 11. 创业 | 职场 | 管理 | 产品 | 运营
- [如何看支付宝做社交？](https://www.zhihu.com/question/27855883)
- [2016 年哪些互联网行业在由盛转衰？](https://www.zhihu.com/question/53307534)
- [从培训班出来之后找工作的经历，教会了我这五件事](https://gold.xitu.io/post/5842c27c61ff4b006c2a55d7)
- [非计算机专业学生怎么走上计算机技术之路？](https://www.zhihu.com/question/21671705)
- [北京和上海的互联网创业氛围有什么区别？](https://www.zhihu.com/question/19717905)
- [现在前端市场是不是已经饱和了？](https://www.zhihu.com/question/53682106)
- [休假或跳槽有助于解决工作的倦怠感吗？](https://www.zhihu.com/roundtable/burnout)
- [2016 年哪些互联网行业在由盛转衰？](https://www.zhihu.com/question/53307534)
- [技术人员的发展之路](http://coolshell.cn/articles/17583.html)
#### 12. IDE，编辑器，调试等工具类
- [coolaf - 在线http post,get接口测试请求工具online,api,生成文档,生成markdown文档在线工具](http://coolaf.com/)
- [Intellij IDEA 一些不为人知的技巧](http://www.jianshu.com/p/364b94a664ff)
- [Yarn vs npm：你需要知道的一切](http://qianduan.guru/2016/11/09/yarn-vs-npm/)
- [KindEditor富文本编辑器Font-Awesome字体图标版](https://github.com/liuxuanqiang/KindEditor-FontAwesome)
- [Windows版的dash](https://velocity.silverlakesoftware.com/)
#### 13. 前端架构及工程化构建工具等，如：Gulp, Fis, Grunt
- [docker在web开发中得使用流程是怎样的？](https://www.zhihu.com/question/51134842)
- [一名微博架构师的2016年终总结](http://weibo.com/ttarticle/p/show?id=2309404056715350948989)
- [2016-我的前端之路:工具化与工程化](https://zhuanlan.zhihu.com/p/24575395)
#### 14. Sass，PostCSS 群号：578901836
- [SASS参考手册](http://sass.bootcss.com/docs/sass-reference/)
#### 15. 工作方法 | 协同 | 流程
- [我脑海中的优秀技术团队](http://www.html-js.com/article/dasoucheqianduantuanduizhuanlan-wonaohaizhongdiyouxiujishutuandui%203667)
- [7招提升你的前端开发效率](https://gold.xitu.io/post/5857ef1f128fe1006dc4190c)
- [前端网老姚浅谈：怎么学JavaScript？](https://zhuanlan.zhihu.com/p/23265155)
- [前端疲劳](http://www.jianshu.com/p/a2eff3d721cb)
#### 16. Nodejs 群号：422910907
- [Top 10 系列：NodeJS in November](https://gold.xitu.io/post/5843e4d4128fe1005778aecf?utm_source=gold_browser_extension)
- [Node.js 之 log4js 完全讲解](http://qianduan.guru/2016/08/21/nodejs-lesson-1-log4js/?utm_source=gold_browser_extension)
- [nodejs 访问myql驱动的api,中文翻译](http://www.cnblogs.com/btgyoyo/p/6158797.html)
- [记nodejs web版 mock-server小系统开发过程及功能说明](http://www.jianshu.com/p/d7c96bac6e5f)
- [Node.js 对于Java 开发者来说意味着什么?](https://coyee.com/article/11639-what-is-node-js-for-java-developers)
#### 17. UI 群号：321173051
- [2016 Medium值得阅读的设计文章](https://zhuanlan.zhihu.com/p/24452929)
- [[译] 如何用 Sketch 打造「前端框架」](https://zhuanlan.zhihu.com/p/24465933)
- [2016 年的艺术界有何值得留意之处？](https://www.zhihu.com/question/54017434)
- [最有影响力的设计博客有哪些？](https://www.zhihu.com/question/19653726)
#### 18. 性能优化教程
- [聊聊浏览器的渲染机制](https://segmentfault.com/a/1190000007766425)
- [Web开发的各种性能工具](http://mp.weixin.qq.com/s/4VVKXP-YhcmRlYudorjsIA)
- [MSDN定义文档兼容性](https://msdn.microsoft.com/zh-cn/library/cc288325\(v=vs.85\).aspx)
- [从制作世界上最快的网站中学到的十件事[译]](https://zhuanlan.zhihu.com/p/24577980)
#### 19. 面试 | 求职
- [如何提升你的面试机会？](https://zhuanlan.zhihu.com/p/24193639)
#### 20. Mac ios 群号：415074410
- [新 MacBook Pro 适合开发吗？](http://macshuo.com/?p=1391)
#### 21. Android 群号：415074410
- [Android图片加载库的封装实战之路](http://blog.csdn.net/s003603u/article/details/53436089)
- [2016年安卓有哪些创新？超越了苹果？](https://www.zhihu.com/question/54145248)
#### 22. PHP 群号：82254462
- [PHP入门篇](http://www.imooc.com/learn/54)
- [PHP进阶篇](http://www.imooc.com/learn/26)
- [PHP与MySQL关系大揭秘](http://www.imooc.com/learn/116)
- [PHP开发APP接口](http://www.imooc.com/learn/163)
#### 23. Java 群号：145381037
- [IntelliJ IDEA 插件开发视频教程](https://github.com/judasn/IntelliJ-IDEA-Tutorial/blob/newMaster/plugins-develop.md)
#### 24. Python 群号：130705066
- [理解Python并发编程一篇就够了 | 进程篇](http://mp.weixin.qq.com/s/Km-HAY9Jbg5hbuTl5Xj8dw)
- [Python和Flask真强大：不能错过的15篇技术热文](http://mp.weixin.qq.com/s?__biz=MzA4MjEyNTA5Mw==&mid=2652564397&idx=1&sn=24d73e99ba5489b98863e61c5b49bc03&chksm=8464c3e7b3134af12ddf3bd8a417ee4a6ddb6baec06697629afd456b6f670f2b8048c7ae8b66&mpshare=1&scene=23&srcid=1213JfnR7c0uRLrAgizTSAM2#rd)
- [GitHub 上 57 款最流行的开源深度学习项目](http://www.oschina.net/news/79500/57-most-popular-deep-learning-project-at-github)
- [你必须『收藏』的Github技巧](https://gold.xitu.io/post/58509f8161ff4b00683a360c)
#### 25. Hybrid App 群号：498173484 以下链接由Hybrid App群主：江西-醉逍遥推送
- [美团大众点评 Hybrid 化建设](http://mp.weixin.qq.com/s/rNGD6SotKoO8frmxIU8-xw)
- [移动端路由层设计](http://www.jianshu.com/p/be7da3ed4100)
- [漂亮的菜单弹出控件 BoomMenu](https://github.com/Nightonke/BoomMenu)
- [移动 Web 滚动性能优化: Passive event listeners](https://medium.com/@justjavac/rolling-performance-optimization-passive-event-listeners-4f942eec4dca#.86oz2qpfa)
- [移动前端自适应解决方案和比较](http://caibaojian.com/mobile-responsive-example.html)
- [移动端富文本编辑器](https://medit.js.org/index.html)
#### 26. ASP.NET C# 群号：461614624
- [Bootstrap WPF Style,Bootstrap风格的WPF样式](http://www.cnblogs.com/tsliwei/p/6138412.html)
- [.NET Core 首例 Office 开源跨平台组件（NPOI Core）](http://www.cnblogs.com/savorboard/p/netcore-npoi.html)
- [日交易额百亿级交易系统的超轻量日志实现](http://www.cnblogs.com/cyfonly/p/6139049.html)
- [C#将WebBowser控件替换为Chrome内核](http://www.cnblogs.com/gdyblog/p/WebKitBrowser.html)
#### 27. Go 群号：336195657
- [50 Shades of Go: Traps, Gotchas, and Common Mistakes for New Golang Devs ](http://devs.cloudimmunity.com/gotchas-and-common-mistakes-in-go-golang/index.html)
- [Go的50坑：新Golang开发者要注意的陷阱、技巧和常见错误[1]](http://studygolang.com/articles/8382)
- [Go的50坑：新Golang开发者要注意的陷阱、技巧和常见错误[2]](http://studygolang.com/articles/7994)
- [Go语言运算符](http://studygolang.com/articles/5404)
#### 28. 英语
#### 29. 其它
- 影视
- [如何评价电影《血战钢锯岭》](https://www.zhihu.com/question/49939150)
- [2017年不得不看的好莱坞大片，超给力电影大年（史上最猛）](https://zhuanlan.zhihu.com/p/24312764)
- 健康，养生
- [为什么跑步那么久却没有减肥成功？](https://www.zhihu.com/question/34502161)
- 历史，人文
- [眼看着自己所在行业日渐衰退是怎样一种体验？](https://www.zhihu.com/question/39957694)
- 其它
- [2016年前端开发者深度调研，看看别人使用什么技术体系](https://segmentfault.com/a/1190000007666924)
- [Linux 命令大全提供 500 多个 Linux 命令搜索](https://jaywcjlove.github.io/linux-command/) 516 个 Linux 命令大全，内容包含 Linux 命令手册、详解、学习，值得收藏的 Linux 命令速查手册。
- [展望未来，总结过去10年的程序员生涯，给程序员小弟弟小妹妹们的一些总结性忠告](http://hiyangguo.github.io/%E9%B8%A1%E6%B1%A4/good-advice-for-young-people/)
- [如何评价Solaris操作系统被裁撤？](https://www.zhihu.com/question/53248141)
- [知其所以然（以算法学习为例）](http://mindhacks.cn/2008/07/07/the-importance-of-knowing-why/)
- [各个编程语言都有哪些“黑点”？](https://www.zhihu.com/question/53584423)
- [微软的office软件有什么实用但一般人不知道的功能？](http://www.zhihu.com/question/53679523)
- [连载：全球最牛的28个大数据可视化应用案例(一)](http://www.36dsj.com/archives/41214)
- [Young.Z Coding&Tech - nginx 基本入门](https://zhuanlan.zhihu.com/p/24382606)
- [知乎2016 年度盘点](https://www.zhihu.com/roundtable/bestof2016)
- [有什么妙招能让自己生气时缓和下来？](https://www.zhihu.com/question/54180277)
#### 30. 特别推荐我联盟群几个高手的力作或个人网站
1. 高级群
- [一个简单的node app 部署工具](https://github.com/hstarorg/app-publisher)
- [基于Ng2的模块化开发平台核心代码](https://github.com/hstarorg/ng2-modular-platform)
- [Redux 入门教程，应用的状态管理器](http://www.jianshu.com/p/d296a8c34936)
- [State 设计，Redux 开发第一步](http://www.jianshu.com/p/ba8654cb77b6)
- [Reducer 最佳实践，Redux 开发最重要的部分](http://www.jianshu.com/p/938f8121ba0f)
2. 中级群
3. 初级群
- [@Godfery(兔爸)][godfery-home]参与开发：[RSuite](http://rsuite.github.io)
> 一个基于 React.js 开发的 Web 组件库，参考 Bootstrap 设计，提供其中常用组件，支持响应式布局。我们的目标就是让 WEB 开发更快捷，同时具有一定的灵活性和扩展性。
4. 初级2群
5. 跳板7群
#### 31. 感谢以下贡献者
- [@云峰](https://github.com/wuyunfeng8)
- [@hd](https://github.com/yuwl798180)
- [@mk先生](http://mk.doufuf.com/)
- [@Godfery][godfery-home]
- [@LFasMike](https://github.com/LFasMike)
- [@@@@](https://github.com/wjkang)
- [@清欢](https://github.com/yogueta)
[godfery-home]:https://github.com/hiyangguo