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. 感谢以下贡献者
';