2017-10
最后更新于:2022-04-01 06:15:56
## 概况
在线地址:`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796)
提交原则:
- 技术文章新的为主。
- 以前的文章,比较经典的也可以提交。
- [如何提交月报](http://www.kancloud.cn/jsfront/month/227309)
---
## 10月份前端资源分享
#### 1. Javascript 群号:175453545
- [ES6常用知识点概述](https://github.com/laizimo/zimo-article/issues/38)
- [使用typescript开发调试nodejs](https://github.com/xiadd/blog/issues/8)
- [localStorage 还能这么用](https://juejin.im/entry/59db9bac51882578db27ad4f)
- [让动画更自然,运动曲线探究与应用](https://blog.iswtf.com/article.php?id=1163)
- [前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论](http://www.infoq.com/cn/FE-Weekly)
- [JavaScript的异常处理](https://segmentfault.com/a/1190000011481099)
- [tabris.js+restify+码云打造个人APP](https://zhuanlan.zhihu.com/p/29640446)
- [理解本质的 REST](https://ruby-china.org/topics/34341)
- [JavaScript实现人脸识别](https://github.com/auduno/clmtrackr)
- [滴滴FE博客](https://github.com/DDFE/DDFE-blog)
- [HTTP/2 对现在的网页访问,有什么大的优化呢?体现在什么地方?](https://www.zhihu.com/question/24774343)
- [前端安全知识](https://jkchao.cn/article/59de0283c52d5a4ba98b1f0d)
- [30分钟,让你彻底明白Promise原理](https://mengera88.github.io/2017/05/18/Promise%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90/)
- [移动端Web界面滚动性能优化: Passive event listeners](http://blog.csdn.net/shenlei19911210/article/details/70198771)
- [ES6系列文章 异步神器async-await](https://segmentfault.com/a/1190000011526612)
- [高效使用 JavaScript 闭包](https://www.ibm.com/developerworks/cn/web/wa-use-javascript-closures-efficiently/index.html)
- [前端跨域常用方法](https://yeaseonzhang.github.io/2017/10/12/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/)
- [Alloy前端周刊](http://www.alloyteam.com/alloyshare/weekly/p/27)
- [前端之困 · XSS CookBook](https://zhuanlan.zhihu.com/p/19756127)
- [前端魔法堂——调用栈,异常实例中的宝藏](http://www.cnblogs.com/fsjohnhuang/p/7729527.html)
- [JavaScript深入系列15篇正式完结](https://github.com/mqyqingfeng/Blog/issues/17)
- [JavaScript 开发人员需要知道的简写技巧](http://www.cnblogs.com/powertoolsteam/p/shorthand-javascript.html)
#### 2. 移动微信小程序Javascript开发 群号:148257606
- [做一个很难的小程序是怎样的体验?](https://36kr.com/p/5096382.html)
- [BetterScroll:在移动端滚动场景的应用](https://github.com/DDFE/DDFE-blog/issues/22)
- [微信小程序如何像webview一样加载html5网页](http://www.yinqisen.cn/blog-731.html)
#### 3. Html5 群号:148257606
#### 4. CSS 群号:578901836
- [纯 CSS 实现波浪效果!](http://www.cnblogs.com/coco1s/p/7197662.html)
- [CSS切角效果实现](https://github.com/Jocs/jocs.github.io/issues/6)
- [CSS原理解析之模型篇](https://juejin.im/post/59dca82051882578db27b1d6)
#### 5. Angular 群号:238251402
- [仿简书 nodejs+express+mongodb+vue2+angular4+爬虫](https://github.com/jiayisheji/jianshu/wiki)
#### 6. React, Webpack 群号:530415177
- React
- [【翻译】React v16.0 官方博客升级指引](https://doc.react-china.org/blog/2017/09/26/react-v16.0.html)
- [实战react技术栈+express前后端博客项目(4)-- 博客首页代码的编写以及redux-saga的组织](https://juejin.im/post/59db2210f265da0664646c41)
- [解读 Redux 中间件的原理](https://juejin.im/post/59dc7e43f265da4332268906)
- [React Native 学习资源精选仓库(汇聚知识,分享精华)](https://github.com/crazycodeboy/react-native-awesome)
- [从React脚手架工具学习React项目的最佳实践(上):前端基础配置](https://juejin.im/post/59dcd87451882578c2084515)
- [React合成事件和DOM原生事件混用须知](https://juejin.im/post/59db6e7af265da431f4a02ef)
- [MobX:MobX 和 React 十分钟快速入门](http://www.zcfy.cc/article/mobx-ten-minute-introduction-to-mobx-and-react-4306.html?t=new)
- Webpack
- [webpack: 正在变得真实 – webpack – Medium](http://zcfy.cc/article/webpack-it-s-getting-real-webpack-medium-4213.html?t=new)
- [如何变更一个非相关文件但引发 webpack 重新构建](https://github.com/pigcan/blog/issues/7)
- [编写自己的Webpack Loader](https://github.com/wuomzfx/blog/blob/master/webpack-loader.md)
- [webpack3--loader全解析](https://juejin.im/post/59f0500f518825619a01e4ab)
#### 7. Vue 群号:364912432
- [Vue 风格指南](https://cn.vuejs.org/v2/style-guide/index.html)
- [vue移动助手实践(一)——基于vue的换肤功能](https://juejin.im/post/59dae969f265da064c389644)
- [Vue 2.5中将迎来有关TypeScript的改变!](https://segmentfault.com/a/1190000011474717)
- [VueJS + Webpack 代码分割的三种方式](http://zcfy.cc/article/3-code-splitting-patterns-for-vuejs-and-webpack-4218.html?t=new)
- [Vuex2.0源码解析](https://zhuanlan.zhihu.com/p/29982815)
- [《京东E维》基于VUE+Webpack的单页面实践](http://jdc.jd.com/archives/4622)
- [从template到DOM(Vue.js源码角度看内部运行机制)](https://zhuanlan.zhihu.com/p/30139727)
- [前端国际化之Vue-i18n源码分析](https://segmentfault.com/a/1190000008752459)
- [Vue.js打造一个开源的CNode社区](http://www.yaoweb.cn/2017/10/16/Vue-js%E6%89%93%E9%80%A0%E4%B8%80%E4%B8%AA%E5%BC%80%E6%BA%90%E7%9A%84CNode%E7%A4%BE%E5%8C%BA/)
- [滴滴 webapp 5.0 Vue 2.0 重构经验分享](https://github.com/DDFE/DDFE-blog/issues/13)
- [vue2.x + treeSelect - 模拟加强的select](https://github.com/wilsonIs/vue-treeSelect)
- [VueJS多页项目应用](http://coderlt.coding.me/qkfe/2016/11/03/vue-multi-page/)
- [Vue多行显示省略号](https://github.com/lucefer/ellipsis-plus)
- [Vue搭建一个多页面的无依赖的工程化项目](https://github.com/wuomzfx/pure-webpage/blob/master/about.md)
- [Vue2原理浅谈](http://imhjm.com/article/59b902107dd03248a2e8d584)
- [手写Vue组件踩坑与心得](https://github.com/linzx1993/linzx1993.github.io/issues/6)
- [关于vue-cli构建的项目在github上的预览问题](https://yoowin.me/2017/vue-cli-github-pages.html)
##### 7.1 Vue 群内资源
#### 8. jQuery
- [局部打印插件](https://github.com/RitsC/PrintArea)
- [jQuery多行省略插件](https://github.com/STAR-ZERO/jquery-ellipsis)
#### 9. 看书学习 | 成长 | 写作
- [如何能高效地每天学习十小时以上?](https://www.zhihu.com/question/25658155)
- [13 款内容收集整理利器,打造你专属的个人知识库](https://sspai.com/post/40901)
#### 10. Git | Github | SVN | FTP
- [聊聊 Git 「改变历史」](https://zhuanlan.zhihu.com/p/29497618)
- [为什么你应该深入Github](https://segmentfault.com/a/1190000003365213)
- [Git 分支](https://juejin.im/post/59dda0bcf265da432e5afba1)
- [Github 正在影响你的职业生涯](https://juejin.im/post/59ddccd36fb9a0450e75185f)
- [面试中的那些 git 问题](https://xiaozhuanlan.com/topic/5810792463)
#### 11. 创业 | 职场 | 管理 | 产品 | 运营
- [资料库 | 时间管理的概念 、工具、书单和视频](http://www.jianshu.com/p/d4dd46ee8de4)
- [写给前端应届生的职业规划建议](https://blog.ymfe.org/%E5%86%99%E7%BB%99%E5%89%8D%E7%AB%AF%E5%BA%94%E5%B1%8A%E7%94%9F%E7%9A%84%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92%E5%BB%BA%E8%AE%AE/)
- [全栈运营之品牌运营:品牌是如何影响消费者行为的?](http://www.woshipm.com/operate/808800.html)
- [九月总结:结束两年左右的工作有感](http://blog.csdn.net/u011240877/article/details/77866364)
- [如何管理一个前端基础架构团队 - AdRoll](http://zcfy.cc/article/how-to-run-a-front-end-infrastructure-team-adroll-4172.html?t=new)
- [十年前,我在抓虾 - 余晟](https://mp.weixin.qq.com/s/HaSiwaGBukHCN5oKcAO6Rg)
- [从时尚模特到软件工程师,我是如何一年之内成功跨界的?](https://36kr.com/p/5095862.html)
- [第一次辞退员工后特别难受,我的人生导师这样开导我](https://36kr.com/p/5096664.html)
- [写十年程序是什么感觉?](https://www.zhihu.com/question/66514133)
- [IT工程师的自我管理](http://insights.thoughtworks.cn/self-management/)
- [前端工程师是一个无关紧要的职位吗?](https://www.zhihu.com/question/28860309)
- [我为什么辞职?](https://mp.weixin.qq.com/s/RmdeyHXX8uKoB-nGyeNTaQ)
- [如何在三年内快速成长为一名技术专家](https://juejin.im/post/59edcbd3f265da431875ea34)
- [(闲聊)你是如何增加工资以外的收入的?](https://zhuanlan.zhihu.com/p/29700728)
- [「宁愿花 11K 重新招人,也不愿意花 9K 留住老员工」的现象是否属实?为什么会出现该现象?](https://www.zhihu.com/question/63878469)
- [产品设计 & Dashboard 设计的26步](https://zhuanlan.zhihu.com/p/26307308)
#### 12. IDE,编辑器,调试,浏览器等工具类
- [多了解一下Chrome开发者控制台](http://ghmagical.com/article/page/id/KLAnkBDoUFyg)
- [2017年最佳 VS Code 主题](http://www.css88.com/archives/8284)
- [浏览器渲染详细过程:重绘、重排和composite只是冰山一角](https://chuckliu.me/#!/posts/58ea6af15dc1822fa9a57274)
#### 13. 前端架构及工程化构建工具等,如:Gulp, Fis, Grunt
- [美团点评酒旅前端的技术体系](https://tech.meituan.com/hotel-fe-tech-system.html)
#### 14. Sass,PostCSS,Stylus 群号:578901836
- [PostCSS-modules: 让CSS变得更强大](http://www.w3cplus.com/css/postcss-modules-make-css-great-again.html)
- [编写模块化的CSS:CSS文件组织结构](http://www.w3cplus.com/css/css-architecture-3.html)
#### 15. 工作方法 | 沟通 | 流程
#### 16. Nodejs 群号:422910907
- [Node 自动化部署](https://juejin.im/post/59e55fe36fb9a0452935d2af)
- [狠扣代码的细节,性能提升40倍:Node程序性能分析和优化(第一弹)](https://www.wuliang.me/2017/10/28/node-performance-optimizing/)
- [如何通过饿了么 Node.js 面试](https://elemefe.github.io/node-interview/#/sections/zh-cn/)
- [浅谈前后端分离与实践(一)](https://monkeywangs.github.io/pager4/)
- [浅谈前后端分离与实践 之 nodejs 中间层服务(二)](https://monkeywangs.github.io/pager6/)
#### 17. UI 群号:321173051
- [交互设计作品集应该准备哪些内容?](https://www.zhihu.com/question/20397384)
- [在网页上使用JPG、PNG和SVG:新手指南](http://zcfy.cc/article/jpg-png-and-svg-on-the-web-a-beginner-039-s-guide-cheesecake-labs-3211.html)
- [色彩无障碍设计(Color Accessibility)之「对比度」的探索](https://zhuanlan.zhihu.com/p/29359260)
- [你真的了解组件化交互设计么?](http://weibo.com/ttarticle/p/show?id=2309404163791637073069)
- [浅谈Web图像优化](https://zhuanlan.zhihu.com/p/30362177)
#### 18. 性能优化教程
- [浏览器渲染过程与性能优化](https://sylvanassun.github.io/2017/10/03/2017-10-03-BrowserCriticalRenderingPath/)
- [【译】JS 中的内存管理 && 常见的 4 种内存泄露处理方式](http://elevenbeans.github.io/2017/10/13/js-memory-management/)
#### 19. 面试 | 求职
- [[面试专题]2017春招面试总结](https://segmentfault.com/a/1190000010631325)
#### 20. Mac ios 群号:415074410
- [iOS 11 & iPhone X 适配资料集](http://www.jianshu.com/p/33afbd2f7613)
- [Mac应用程序、软件、工具仓库及其它(Android 中文,Web开发,IOS开发)](https://github.com/madreain/MadreainNote)
#### 21. Android 群号:415074410
- [Android朝花夕拾之debug](http://www.jianshu.com/p/58be8e4202c4)
#### 22. PHP 群号:82254462
- [MySQL 性能优化技巧](http://www.extlight.com/2017/10/07/MySQL-%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7/)
- [PHP代码简洁之道——SOLID原则](https://segmentfault.com/a/1190000011662984)
#### 23. Java 群号:145381037
- [从JDK源码角度看Float](https://juejin.im/post/59db298b51882578e27b0081)
- [Java面试题解构](http://www.jianshu.com/p/a01234d9437f)
#### 24. Python 群号:130705066
- [最全知乎专栏合集:编程、python、爬虫、数据分析、挖掘、ML、NLP...](https://juejin.im/post/59edb21251882546d71e8232)
#### 25. Hybrid App 群号:498173484 以下链接由Hybrid App群主:江西-醉逍遥推送
#### 26. ASP.NET C# 群号:461614624
#### 27. Go 群号:336195657
#### 28. 英语
#### 29. 其它
- 影视
- [哪些电影看过之后,让你感到充满希望?](https://www.zhihu.com/question/64578730)
- [从豆瓣9.1的《白夜追凶》说起,「国产罪案剧」算是开宗立派了吗?](https://36kr.com/p/5095337.html)
- 健康,养生
- 历史,人文
- 其它
#### 30. 特别推荐我联盟群几个高手的力作或个人网站
1. 高级群
2. 中级群
3. 初级群
4. 初级2群
5. 跳板7群
#### 31. 感谢以下贡献者