多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 概况 在线地址:`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)