## 概况 在线地址：`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