2017-06
最后更新于：2022-04-01 06:15:47
## 概况
在线地址：`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796)
提交原则：
- 技术文章新的为主。
- 以前的文章，比较经典的也可以提交。
- [如何提交月报](http://www.kancloud.cn/jsfront/month/227309)
---
## 06月份前端资源分享
#### 1. Javascript 群号：175453545
- [面对前端六年历史代码，如何接入并应用ES6解放开发效率](https://mp.weixin.qq.com/s?__biz=MzIyMjYyMzg3MA==&mid=2247484157&idx=2&sn=a5c62749987db0b4be609fa8385679e5&chksm=e82be3ecdf5c6afa85d0529fbd893c67ae6033c4fa0a629e9af8cb2a8a7e024b4c1d96734b4b&mpshare=1&scene=23&srcid=0615supYdj9qFdeVztRHruWU#rd)
- [AJAX的简单封装](http://www.cnblogs.com/-walker/p/7009151.html)
- [SVG 新司机开车指南](https://zhuanlan.zhihu.com/p/25016633)
- [多端数据实时同步，LiveQuery 轻松搞定](https://zhuanlan.zhihu.com/p/27329160)
- [前端开发知识点整理](https://mp.weixin.qq.com/s?__biz=MzI5NjI3MzEzOA==&mid=2247483887&idx=1&sn=ef948128035233ee5a5addc0dc6aaede&chksm=ec479472db301d64ceec29d2a177f6ef77edf65d1f3da947ea945d409c58e0c6e5fc4f4ffd21#rd)
- [【译】ESLint v4.0.0 升级指南](https://mp.weixin.qq.com/s?__biz=MzI5NjI3MzEzOA==&mid=2247483917&idx=1&sn=6004b62cd1116c040bfcb31ddfc5938c&chksm=ec479790db301e86722a0cc38e09e0ffb72b5609e6d45281543b061a90fa008659c606cdb82a#rd)
- [Javascript 中的神器——Promise](http://www.jianshu.com/p/063f7e490e9a)
- [初识Three.js](https://zhuanlan.zhihu.com/p/27296011)
- [JavaScript深入系列15篇正式完结！](https://juejin.im/post/59278e312f301e006c2e1510)
- [虚拟 DOM 内部是如何工作的？](http://www.zcfy.cc/article/the-inner-workings-of-virtual-dom-rajaraodv-medium-3248.html)
#### 2. 移动微信小程序Javascript开发 群号：148257606
- [微信小程序开源项目库汇总](https://github.com/opendigg/awesome-github-wechat-weapp)
- [微信小程序-移动端商城](https://github.com/liuxuanqiang/wechat-weapp-mall)
#### 3. Html5 群号：148257606
- [MDN-Canvas教程](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial)
#### 4. CSS 群号：578901836
- [神奇的 conic-gradient 圆锥渐变](http://www.cnblogs.com/coco1s/p/7079529.html)
- [关于华为手机flex兼容性问题的解决](https://segmentfault.com/n/1330000009948853)
- [Flexbox布局的正确使用姿势](https://segmentfault.com/a/1190000009932882)
- [一份基础的scss库，包括常用reset, mixin, grids, typo, css3, media queries等多个文件，是你sass开发的必备库](https://github.com/marvin1023/sassCore)
#### 5. Angular 群号：238251402
- [Angular.js Date/Time Picker](https://github.com/alongubkin/angular-datepicker)
- [Angular4实现个人作品展示站](https://github.com/giscafer/project)
#### 6. React, Webpack 群号：530415177
- React
- [在React中使用Redux数据流](http://www.imooc.com/learn/744)
- [react全家桶实现一个后台管理系统](https://github.com/MuYunyun/reactSPA)
- [React Native + Visual Studio = 手机上的 JavaScript 编辑器](https://zhuanlan.zhihu.com/p/27242093)
- [从性能角度看react组件拆分的重要性](http://www.cnblogs.com/wonyun/p/6804952.html)
- Webpack
- [webpack多页应用架构系列（一）：一步一步解决架构痛点](https://segmentfault.com/a/1190000006843916)
- [webpack多页应用架构系列（二）：webpack配置常用部分有哪些？](https://segmentfault.com/a/1190000006863968)
- [webpack多页应用架构系列（三）：怎么打包公共代码才能避免重复？](https://segmentfault.com/a/1190000006871991)
- [webpack多页应用架构系列（四）：老式jQuery插件还不能丢，怎么兼容？](https://segmentfault.com/a/1190000006887523)
- [webpack多页应用架构系列（五）：听说webpack连less/css也能打包？](https://segmentfault.com/a/1190000006897458)
- [webpack多页应用架构系列（六）：听说webpack连图片和字体也能打包？](https://segmentfault.com/a/1190000006907701)
- [webpack多页应用架构系列（七）：开发环境、生产环境傻傻分不清楚？](https://segmentfault.com/a/1190000006952432)
- [webpack多页应用架构系列（八）：教练我要写ES6！webpack怎么整合Babel？](https://segmentfault.com/a/1190000006992218)
- [webpack多页应用架构系列（九）：总有刁民想害朕！ESLint为你阻击垃圾代码](https://segmentfault.com/a/1190000007030775)
- [webpack多页应用架构系列（十）：如何打造一个自定义的bootstrap](https://segmentfault.com/a/1190000007043716)
- [webpack多页应用架构系列（十一）：预打包Dll，实现webpack音速编译](https://segmentfault.com/a/1190000007104372)
- [webpack多页应用架构系列（十二）：利用webpack生成HTML普通网页&页面模板](https://segmentfault.com/a/1190000007126268)
- [webpack多页应用架构系列（十三）：构建一个简单的模板布局系统](https://segmentfault.com/a/1190000007159115)
- [webpack多页应用架构系列（十四）：No复制粘贴！多项目共用基础设施](https://segmentfault.com/a/1190000007301770)
- [webpack多页应用架构系列（十五）：论前端如何在后端渲染开发模式下夹缝生存](https://segmentfault.com/a/1190000008203380)
#### 7. Vue 群号：364912432
- [用Vue、Vuex、Immutable做俄罗斯方块](https://github.com/Binaryify/vue-tetris)
- [比较详细的采访 Vue 作者尤雨溪](http://zcfy.cc/article/an-interview-with-vue-js-creator-evan-you-3143.html?t=selection)
- [vue-image-lightbox](https://github.com/pexea12/vue-image-lightbox) A simple image lightbox component for Vuejs
- [Vue实战视频-快餐店收银系统](http://jspang.com/2017/05/22/vuedemo/)
##### 7.1 Vue 群内资源
#### 8. jQuery
#### 9. 看书学习 | 成长 | 写作
- [随谈10年的技术生涯和技术成长](http://www.cnblogs.com/cyq1162/p/5951359.html)
- [很认真的聊一聊程序员的自我修养](http://www.cnblogs.com/printhelloworld/p/5698984.html)
#### 10. Git | Github | SVN | FTP
- [Git for Windows 国内下载站](https://github.com/waylau/git-for-win)
#### 11. 创业 | 职场 | 管理 | 产品 | 运营
- [如何能提高自我管理能力？](https://www.zhihu.com/question/19619066)
- [怎样看待应届生喜欢辞职？这是 90 后所特有的吗？](https://www.zhihu.com/question/48861231)
- [如何对开发团队的人员进行绩效管理？](https://www.zhihu.com/question/19995922)
- [8年创业反思：技术人应该如何选择创业项目？](http://get.ftqq.com/8643.get)
#### 12. IDE，编辑器，调试等工具类
- [VSCode拓展插件推荐（HTML、Node、Vue、React开发均适用）](https://github.com/varHarrie/Dawn-Blossoms/issues/10)
- [Tamper Chrome 一款好用到飞起的HTTP请求修改插件](https://zhuanlan.zhihu.com/p/27657281)
- [【前端】本地调试H5页面方案总结](http://www.jianshu.com/p/a43417b28280)
#### 13. 前端架构及工程化构建工具等，如：Gulp, Fis, Grunt
- [收藏指数满格！帮你打包前端之巅一整年好文！](https://zhuanlan.zhihu.com/p/27283922)
- [从零到百亿互联网金融架构发展史](http://www.cnblogs.com/ityouknow/p/6276686.html)
- [Rollup.js 支持多入口的构建方案，用于多个 library 共存的情况](https://github.com/zhaotoday/rollup.js)
#### 14. Sass，PostCSS，Stylus 群号：578901836
- [PostCSS深入学习：你需要知道什么](http://www.w3cplus.com/PostCSS/postcss-deep-dive-what-you-need-to-know.html)
- [PostCSS深入学习：设置选项](http://www.w3cplus.com/PostCSS/postcss-quickstart-guide-instant-setup-options.html)
- [PostCSS深入学习: PostCSS和Sass、Stylus或LESS一起使用](http://www.w3cplus.com/PostCSS/using-postcss-together-with-sass-stylus-or-less.html)
- [PostCSS深入学习: 跨浏览器兼容性](http://www.w3cplus.com/PostCSS/using-postcss-for-cross-browser-compatibility.html)
- [PostCSS深入学习: 管理插件](http://www.w3cplus.com/PostCSS/postcss-quickstart-guide-exploring-plugins.html)
- [PostCSS深入学习: 定制自己的预处理器](http://www.w3cplus.com/PostCSS/postcss-deep-dive-roll-your-own-preprocessor.html)
- [PostCSS深入学习: 压缩和优化CSS](http://www.w3cplus.com/PostCSS/using-postcss-for-minification-and-optimization.html)
- [PostCSS深入学习: 简写和速写](http://www.w3cplus.com/PostCSS/postcss-deep-dive-shortcuts-and-shorthand.html)
#### 15. 工作方法 | 沟通 | 流程
- [有哪些好的工作习惯值得学习？](https://www.zhihu.com/question/22960521)
#### 16. Nodejs 群号：422910907
- [Nodejs 资源大全中文版](https://github.com/Pines-Cheng/awesome-nodejs-cn)
- [nodeschool](https://nodeschool.io/)
#### 17. UI 群号：321173051
- [怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿？](https://www.zhihu.com/question/21274267)
- [给 程序员 的设计学习指南](http://www.cocoachina.com/special/design/)
#### 18. 性能优化教程
- [WebView性能、体验分析与优化](http://tech.meituan.com/WebViewPerf.html)
#### 19. 面试 | 求职
- [互联网公司最常见的面试算法题有哪些？](https://www.zhihu.com/question/24964987)
#### 20. Mac ios 群号：415074410
- [Mac/iOS开发工程师 常用的软件 史上最全版](http://www.jianshu.com/p/ec770c8a5035)
#### 21. Android 群号：415074410
#### 22. PHP 群号：82254462
- [2017年，Web 后端出现了哪些新的思想和技术？](https://www.zhihu.com/question/61085805)
- [GitHub 上有哪些比较有趣的 PHP 项目？](https://www.zhihu.com/question/28008005)
#### 23. Java 群号：145381037
- [Java基础笔记整理](http://yanhuili.github.io/categories/Java/)
#### 24. Python 群号：130705066
- [Python 系列（二）- 收藏集 - 掘金](http://www.jianshu.com/p/5c12b5eb6be5)
#### 25. Hybrid App 群号：498173484 以下链接由Hybrid App群主：江西-醉逍遥推送
#### 26. ASP.NET C# 群号：461614624
#### 27. Go 群号：336195657
#### 28. 英语
- [中国人说英语最大的障碍是什么？](https://www.zhihu.com/question/38899113)
#### 29. 其它
- 影视
- 健康，养生
- 历史，人文
- 其它
- [提升幸福感的购物清单](https://www.zhihu.com/collection/19990694)
#### 30. 特别推荐我联盟群几个高手的力作或个人网站
1. 高级群
- [短网址服务](http://t.hstar.org/)
- [短网址服务源码地址](https://github.com/hstarorg/url-short)
2. 中级群
3. 初级群
4. 初级2群
5. 跳板7群
#### 31. 感谢以下贡献者
- [@阿发](https://github.com/Binaryify)
- [@Dalston Xu](https://github.com/xunge0613)
- [@Nine](https://github.com/wjf444128852)
- [@MuYunyun](https://github.com/MuYunyun)