ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 概况 在线地址:`http://www.kancloud.cn/jsfront/month/82796` [JS前端开发群月报](http://www.kancloud.cn/jsfront/month/82796) 提交原则: - 技术文章新的为主。 - 以前的文章,比较经典的也可以提交。 - [如何提交月报](http://www.kancloud.cn/jsfront/month/227309) --- ## 01月份前端资源分享 #### 1. Javascript 175453545 - [前端技术体系大局观](https://zhuanlan.zhihu.com/p/23185351) - [ES6 Generator介绍](http://www.alloyteam.com/2015/03/es6-generator-introduction/) - [ES6 适配地址](https://github.com/google/traceur-compiler/wiki/Getting-Started) - [也谈JavaScript数组去重](https://www.toobug.net/article/array_unique_in_javascript.html) - [这是一篇傻瓜都能看懂的Promises文章!](https://zhuanlan.zhihu.com/p/24684803) - [ECMAScript® 2017 Language Specification](https://tc39.github.io/ecma262/) - [雄辩的 js](http://eloquentjavascript.net/) - [airbnb 编码规范](https://github.com/airbnb/javascript/blob/master/README.md) - [ECMAScript 6 入门](http://es6.ruanyifeng.com/) - [Standard ECMA-262 5.1 Edition / June 2011](http://www.ecma-international.org/ecma-262/5.1/) - [ECMAScript® 2017 Language Specification](https://tc39.github.io/ecma262/) - [深入浅出ES6](http://www.infoq.com/cn/es6-in-depth/) - [JavaScript全栈教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) - [Ecma Script compatibility table(es适配表)](http://kangax.github.io/compat-table/es6/) - [ECharts 水球图 Liquid Fill Chart](https://github.com/ecomfe/echarts-liquidfill) - [如何实现一个 LazyMan?](http://web.jobbole.com/89626/) - [V8 Object 内存结构与属性访问详解](https://zhuanlan.zhihu.com/p/24982678) - [2016 前端开发技术年度最全盘点](https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650995329&idx=1&sn=658dd8a15b10fa78906e5684cc1d44a0) - [2017年前端前景如何?](https://www.zhihu.com/question/52590109) - [api开发集合网站](https://github.com/marktony/Awesome_API) - [在浏览器上打造的上传图片](https://sebastianblade.com/browser-side-image-compress-and-upload/) #### 2. 移动微信小程序Javascript开发 群号:148257606 - [fritx - 微信个人号/公众号相关项目整理 (wechat/weixin/wx)](https://github.com/fritx/awesome-wechat) - [sunxuening - 微信个人号/公众号相关项目整理 (wechat/weixin/wx)](https://github.com/sunxuening/awesome-weixin-weapp) - [justjavac - 微信小应用资源汇总整理](https://github.com/justjavac/awesome-wechat-weapp) - [Aufree - 微信小应用资源汇总整理](https://github.com/Aufree/awesome-wechat-weapp) - [小程序商店](https://minapp.com/miniapp/) - [有哪些微信小程序值得推荐?](https://www.zhihu.com/question/54556984) - [微信小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201715) - [微信小程序会对哪些公司形成冲击?](http://www.zhihu.com/question/54557992) - [微信小程序开发入门教程](http://www.cnblogs.com/niejunchan/p/5904365.html) - [微信小程序开源项目库集合](http://www.cnblogs.com/jinjiantong/p/6290143.html) - [中国人会对哪些外国人常用的 App 感叹「老外竟然有这个需求」?](https://www.zhihu.com/question/40523241) #### 3. Html5 #### 4. CSS 群号:578901836 - [CSS3渐变制作花边](http://lea.verou.me/css3patterns/) - [BEM思想之彻底弄清BEM语法](https://www.w3cplus.com/css/mindbemding-getting-your-head-round-bem-syntax.html) #### 5. Angular 群号:238251402 - [Angular 2.x 从0到1](https://github.com/wpcfan/awesome-tutorials/tree/master/angular2/ng2-tut) - [ TypeScript 入门教程](https://github.com/xcatliu/typescript-tutorial) #### 6. React, Webpack 群号:530415177 - React - [React Native资源集合](http://www.rntools.co/article/57beb7c8c144b61128162006) - [React Native 高质量学习资料汇总](http://www.jianshu.com/p/454f2e6f28e9) - Webpack - [webpack官方中文版](https://doc.webpack-china.org/) - [从 webpack v1 迁移到 webpack v2](http://www.zcfy.cc/article/migrating-from-v1-to-v2-2378.html) #### 7. Vue 群号:364912432 - [[vue最新实战] gank客户端(vue2 + vue-router2 + vuex +webpack+ es6)新手福利,干货多多](https://zhuanlan.zhihu.com/p/24865322) - [Vue2.x:基于Vue2的饿了么实战总结](http://www.jianshu.com/p/df76549b84f6) - [2016我的心路历程:从 Vue 到 Webpack 到 iView](https://zhuanlan.zhihu.com/p/24954296) - [iView - 一套基于 Vue.js 的高质量 UI 组件库](https://www.iviewui.com/overview) - [一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库](https://github.com/luojilab/radon-ui) ##### 7.1 Vue 群内资源 - [Thinking in Vue之一:组件扩展的尝试](https://zhuanlan.zhihu.com/p/24844296) #### 8. jQuery - [前端分页插件](http://flaviusmatis.github.io/simplePagination.js) #### 9. 看书学习 | 成长 | 写作 - [程序员怎样才能写出一篇好的博客或者技术文章?](https://www.zhihu.com/question/40716838) - [2016年,你读过的最好的技术书有哪几本?](https://www.zhihu.com/question/54350343) - [2016年书单](https://www.zhihu.com/question/39369917) - [为什么有人在学习初段效率惊人,而在过了入门阶段之后兴趣与学习能力都迅速下降?](https://www.zhihu.com/question/26761055) - [听说2017你想写前端?](http://mp.weixin.qq.com/s/8vz1aIeVpRHmU2E2-7zzsQ) - [一些人平时看起来不怎么努力,可最后总能获得别人努力后才有的成绩,为什么?](https://www.zhihu.com/question/31910990/answer/140655063) - [如何选购好的钢笔](http://www.zhihu.com/question/20317819) - [有哪些很有格调的钢笔?](https://www.zhihu.com/question/29326301) - [高中学生用什么钢笔与墨水好?](https://www.zhihu.com/question/28055262) - [什么钢笔适合学生或没有使用过钢笔的人?](https://www.zhihu.com/question/35156029) - [2016年终总结--前端生涯从0到1的过程](https://segmentfault.com/a/1190000008197570) - [这就是别人学习高效的原因](http://www.imooc.com/article/12832) #### 10. Git | Github | SVN | FTP - [Git版本控制与工作流](http://www.imooc.com/article/1068) #### 11. 创业 | 职场 | 管理 | 产品 | 运营 - [如何对开发团队的人员进行绩效管理?](https://www.zhihu.com/question/19995922) - [Medium、YouTube 和产品的那点事儿](http://weibo.com/ttarticle/p/show?id=2309404063598837160971) - [工作两三年后,你悟出什么职场道理?](https://www.zhihu.com/question/30147821/answer/140441283) - [如果不要前端这个岗位了,你能做啥呢?](https://www.zhihu.com/question/54479506) - [阿里9年,我总结的前端架构演进3大阶段及团队管理心法](http://mp.weixin.qq.com/s/PK5eaBnSg0fG1RvPsbeJwQ) #### 12. IDE,编辑器,调试等工具类 - [学会用好 Visual Studio Code](https://nshen.net/article/2015-11-20/vscode/) - [Visual Studio Code有哪些你常用的插件?](https://www.zhihu.com/question/40640654) - [配置VSCode](http://fallenwood.github.io/2016/05/24/configuring-visual-studio-code/) - [从Chrome源码看浏览器如何构建DOM树](https://zhuanlan.zhihu.com/p/24911872) - [我眼中的 Electron](http://blog.smallsfe.com/2017/01/23/%E6%88%91%E7%9C%BC%E4%B8%AD%E7%9A%84%20%20Electron/) #### 13. 前端架构及工程化构建工具等,如:Gulp, Fis, Grunt - [小型io密集网站如何架构?](https://www.zhihu.com/question/55012648) - [gulp源码解析(一)—— Stream详解](http://www.cnblogs.com/vajoy/p/6349817.html) - [gulp源码解析(二)—— vinyl-fs](http://www.cnblogs.com/vajoy/p/6357476.html) #### 14. Sass,PostCSS 群号:578901836 - [从Sass过渡到PostCSS](http://www.w3cplus.com/preprocessor/sass-to-postcss.html) #### 15. 工作方法 | 协同 | 流程 - [作为程序员的你,常用的工具软件有哪些?](https://www.zhihu.com/question/22867411) #### 16. Nodejs 群号:422910907 - [Node.js 面试问题及答案(2017 版)](http://www.zcfy.cc/article/node-js-interview-questions-and-answers-2017-edition-risingstack-2251.html) - [Nodejs应用安全备忘录](http://www.wjs.photo/post/nodejssecurity.html) #### 17. UI 群号:321173051 - [微信小程序设计指南](https://mp.weixin.qq.com/debug/wxadoc/design/) - [[译文] 去形式化——移动设计新趋势](https://zhuanlan.zhihu.com/p/24771482) - [设计灵感 | 50 份用户个人主页设计](https://zhuanlan.zhihu.com/p/24900484) - [百度脑图工具](http://naotu.baidu.com) - [匿名思维脑图工具](http://mindmap.4ye.me/) - [ProcessOn思维脑图](https://www.processon.com/) - [Coggle思维脑图](https://coggle.it/) - [mockplus](http://www.mockplus.cn/design) #### 18. 性能优化教程 #### 19. 面试 | 求职 - [职业倦怠与跳槽须知](https://www.zhihu.com/roundtable/burnout) - [1月前端面试记](https://gold.xitu.io/post/587dab348d6d810058d87a0a) #### 20. Mac ios 群号:415074410 - [MacOS 快捷键系列 - 1 - 文本操作](http://singsing.io/blog/2017/01/17/Mac-1/) - [IINA - 一个现代的 macOS 视频播放器](https://zhuanlan.zhihu.com/p/24700324) - [实现简易的代码编辑器](https://zhuanlan.zhihu.com/p/24855274) - [OS X 系统如何重装?](https://www.zhihu.com/question/21454213) - [macOS(OS X)有哪些冷门但是一但发现就无法自拔的软件?](https://www.zhihu.com/question/35050387) - [前端打造的mac os](https://github.com/rccoder/blog/issues/22) #### 21. Android 群号:415074410 - [Android 知识梳理](https://gold.xitu.io/post/587dbaf9570c3522010e400e) #### 22. PHP 群号:82254462 - [为什么大多数PHP框架都没有实现类似Laravel中队列的功能?](https://www.zhihu.com/question/54397611) #### 23. Java 群号:145381037 - [ spring项目,权限管理、系统监控、服务降级、...](https://github.com/kanwangzjm/funiture) - [java开源项目收集](https://github.com/jcalaz/tip) #### 24. Python 群号:130705066 - [Python网络爬虫实战项目代码大全(长期更新,欢迎补充)](https://zhuanlan.zhihu.com/p/22390905) - [从零开始 Python 微信公众号开发](https://zhuanlan.zhihu.com/p/21354943?refer=666666) #### 25. Hybrid App 群号:498173484 以下链接由Hybrid App群主:江西-醉逍遥推送 #### 26. ASP.NET C# 群号:461614624 - [C#异步的世界【上】](http://www.cnblogs.com/zhaopei/p/async_one.html) - [Asp.Net Core轻量级Aop解决方案AspectCore Project 介绍](http://www.cnblogs.com/liuhaoyang/p/aspectcore-introduction.html) - [程序集和反射(C#)](http://www.cnblogs.com/jiekzou/p/6285082.html) - [MVC伪一个12306图片验证码](http://www.cnblogs.com/wangrudong003/p/6292668.html) #### 27. Go 群号:336195657 - [理解Golang语句中的求值顺序](http://www.tuicool.com/articles/6r2eEvF) - [Golang 的并发与 Erlang、Scala、Node.js 和 Python 的并发模型相比有何特点?](https://www.zhihu.com/question/21461752) #### 28. 英语 #### 29. 其它 - 影视 - [有哪些好看的高智商悬疑电影?](https://www.zhihu.com/question/35811067) - 健康,养生 - 历史,人文 - 其它 - [编程之路 ——给初学者的学习建议](http://www.imooc.com/article/15374) - [Excel 有哪些可能需要熟练掌握而很多人不会的技能?](https://www.zhihu.com/question/21758700) - [如何有条理地提问](https://segmentfault.com/a/1190000007959880) - [Anki资料终极汇总](https://zhuanlan.zhihu.com/p/21328602?refer=-anki) - [Anki官网(一种辅助记忆工具)](https://apps.ankiweb.net/) #### 30. 特别推荐我联盟群几个高手的力作或个人网站 1. 高级群 - [koa2-API-scaffold](https://github.com/yi-ge/koa2-API-scaffold) 基于Koa2的轻量级RESTful API Server脚手架,支持ES6。 - [PowerDesigner](https://github.com/renfeihn/PowerDesigner) Vue+Nodejs+Webpack 类似Powerdesigner功能,管理表、domain 域、表空间等 2. 中级群 - [原生js滚动加载插件(无依赖) Scrollload](https://zhuanlan.zhihu.com/p/24737846) 3. 初级群 4. 初级2群 5. 跳板7群 #### 31. 感谢以下贡献者 - [@云峰](https://github.com/wuyunfeng8) - [@峯子](https://github.com/LFasMike) - [@魔芋](https://github.com/moyuling) - [@S1ngS1ng](https://github.com/S1ngS1ng)