2016-10
最后更新于：2022-04-01 06:15:26
## 概况
在线地址：`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
- [你应该知道的JavaScript](http://youbookee.com/2016/08/30/js-you-should-know/)
- [BOOM：一款有趣的Javascript动画效果](https://github.com/chokcoco/cnblogsArticle/issues/2)
- [为什么JS社区大量使用未发布或未广泛支持的语言特性，而其他社区很少使用新发布的语言特性？](https://www.zhihu.com/question/51337482)
- [如何看待ECMAScript中引入的class关键词？](https://www.zhihu.com/question/45787829)
- [什么时候不该使用es6箭头函数](https://segmentfault.com/a/1190000007074846)
- [前端入门与最佳实践](https://github.com/wxyyxc1992/Web-Frontend-Introduction-And-Best-Practices)
- [来自于CodeHouse、Codrops和CodePen - webDemo](https://github.com/airen/DemoHouse)
- [JavaScript 闯关记](https://github.com/stone0090/javascript-lessons)
- [初次使用phina.js - JavaScript游戏开发库](https://github.com/yrq110/OddsAndEnds/blob/master/%E5%88%9D%E6%AC%A1%E4%BD%BF%E7%94%A8phina.js%20-%20JavaScript%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91%E5%BA%93.md)
- [「每日一题」平时你从哪里获取前端知识？](https://zhuanlan.zhihu.com/p/22836435)
- [前端工程师有必要阅读 HTML、CSS、JavaScript 标准吗？如果有此必要，有没有一些提高效率或收益的建议？](https://www.zhihu.com/question/21273431)
- [有了 async/await, 我们和 Promise 还能像从前一样两小无猜吗?](https://zhuanlan.zhihu.com/p/22938062)
- [你们是怎么学会正则表达式的？](https://www.zhihu.com/question/48219401)
- [从零学习前端开发 - 如何在一年之内通过自学找到Web开发工作](http://zhuanlan.zhihu.com/p/22213177)
- [LeetCode题解](https://www.gitbook.com/book/siddontang/leetcode-solution/details)
- [支持ie8的mvvm框架比较？](https://www.zhihu.com/question/52069420)
- [前端跨域整理](http://damonare.github.io/2016/10/30/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E6%95%B4%E7%90%86/)
- [前端面试中的常见的算法问题](http://www.jackpu.com/qian-duan-mian-shi-zhong-de-chang-jian-de-suan-fa-wen-ti/)
- [前端日常：JavaScript验证](https://zhuanlan.zhihu.com/p/22949023)
- [网页设计和开发的55个顶尖博客](http://www.zcfy.cc/article/top-blogs-about-web-design-and-web-development-1417.html)
#### 2. 移动微信小程序Javascript开发 群号：148257606
- [检查移动设置并且添加css到html元素 - device.js](https://github.com/matthewhudson/device.js)
- [移动端开发所需要的一些资源与小技巧](https://github.com/jtyjty99999/mobileTech)
- [腾讯移动Web前端知识库](https://github.com/AlloyTeam/Mars)
- [白色橡树-移动web资源整理](http://www.cnblogs.com/PeunZhang/p/3407453.html )
- [支付宝团队-无线Web开发经验](http://am-team.github.io/amg/dev-exp-doc.html)
- [微信公众号编辑有哪些实用的小工具和小技巧？](https://www.zhihu.com/question/35046637)
- [微信小程序实战项目--hello word！](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-hello-word/)
- [微信小程序实战项目--第一发](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-yi-fa/)
- [微信小程序实战项目--第二发](http://mk.doufuf.com/wei-xin-xiao-cheng-xu-shi-zhan-xiang-mu-di-er-fa/)
##### 2.1 移动Javascript开发 群内资源
#### 3. Html5
- [如何看待B站(bilibili)开源flv.js模块？](http://www.zhihu.com/question/51997376/answer/128504864 )
#### 4. CSS 群号：578901836
- [w3cplus - SassMagic库 在线文档](http://w3cplus.github.io/SassMagic/)
- [w3cplus - DemoHouse](https://airen.github.io/DemoHouse/)
- [谈谈一些有趣的CSS题目（一）-- 左边竖条的实现方法](http://www.cnblogs.com/coco1s/p/5893921.html)
- [谈谈一些有趣的CSS题目（二）-- 从条纹边框的实现谈盒子模型](http://www.cnblogs.com/coco1s/p/5895764.html)
- [谈谈一些有趣的CSS题目（三）-- 层叠顺序与堆栈上下文知多少](http://www.cnblogs.com/coco1s/p/5899089.html)
- [谈谈一些有趣的CSS题目（四）-- 从倒影说起，谈谈 CSS 继承 inherit](http://www.cnblogs.com/coco1s/p/5908120.html)
- [谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略](http://www.cnblogs.com/coco1s/p/5911946.html)
- [谈谈一些有趣的CSS题目（六）-- 全兼容的多列均匀布局问题](http://www.cnblogs.com/coco1s/p/5915429.html)
- [有哪些类似bootstrap的纯css框架？](https://www.zhihu.com/question/28499629)
- [元素居中](http://www.cnblogs.com/camille666/p/row_column_center.html)
- [深入理解BFC和Margin Collapse](http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html)
#### 5. Angular 群号：238251402
- [关于 AngularJS 框架的使用有哪些经验值得分享？](https://www.zhihu.com/question/21497720)
- [国内使用angular的网站有哪些?](https://www.zhihu.com/question/23012173)
- [TypeScript 2.0 新特性一览](https://zhuanlan.zhihu.com/p/21629069)
- [flow和typescript各有什么好处，该怎么选择](https://www.zhihu.com/question/49576972)
- [一招制敌-玩转AngularJS指令的Scope](https://segmentfault.com/a/1190000002773689)
#### 6. React, Webpack 群号：530415177
- React
- [如何存储 React 组件的数据](http://60sky.com/post/how-to-saved-react-component-data.html)
- Webpack
- [入门Webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f#)
- [webpack打包bundle.js体积大小优化](https://github.com/youngwind/blog/issues/65)
#### 7. Vue 群号：364912432
- [iView：一套基于Vue的高质量UI组件库](https://zhuanlan.zhihu.com/p/22698683)
- [Vue2.0 新手完全填坑攻略——从环境搭建到发布](http://www.jianshu.com/p/5ba253651c3b)
- [Vue 2.0 制作列表组件，实现分页、搜索、批量操作等](https://jothy1023.github.io/2016/09/13/vueList/)
- [Laravel 5.3 + Vue2 + Element试水](http://codesky.me/archives/try-laravel5-vue2-element-cn.wind)
- [Vue2.0 新手完全填坑攻略——从环境搭建到展示豆瓣的电影列表](https://aotu.io/notes/2016/10/13/vue2/)
- [新手向：Vue 2.0 的建议学习顺序](http://zhuanlan.zhihu.com/p/23134551)
##### 7.1 Vue 群内资源
- [Vue.js v2.0 中文文档](http://vuefe.cn/)
- [【小凡哥】 - vuejs2 官网讲解](https://github.com/bhnddowinf/vuejs2-learn)
#### 8. jQuery
- [老虎机抽奖](https://github.com/perfey/laohuji)
#### 9. 看书学习 | 成长
- [有哪些人际关系方面的小技巧可以保护自己？](https://www.zhihu.com/question/36343659)
- [读书时如何做读书笔记？](https://www.zhihu.com/question/20700854)
- [怎样利用 iPad 学习？](https://www.zhihu.com/question/20077914)
- [GitHub 上有哪些值得推荐的开源电子书？](https://www.zhihu.com/question/38836382)
- [为什么有很多学生在老师讲课的时候什么都懂，但是做题却不会做？](https://www.zhihu.com/question/21990278)
- [提问的智慧](https://lug.ustc.edu.cn/wiki/doc/smart-questions)
- [天天写「业务代码」，如何成为「技术大牛」？](https://zhuanlan.zhihu.com/p/23030429)
- [Git的核心概念](https://lufficc.com/blog/the-core-conception-of-git)
- [从0开始学习 GITHUB 系列汇总](http://stormzhang.com/github/2016/06/19/learn-github-from-zero-summary/)
- [算法相关学习资料整理](http://zhuanlan.zhihu.com/p/22936654)
#### 11. 创业 | 职场 | 管理 | 产品 | 运营
- [滴滴出行在共享单车领域，为什么投资了 ofo 而没有投资摩拜单车？](https://www.zhihu.com/question/51013753)
- [拿了投资人的钱却创业失败，在商业圈子里的后果都会有哪些？](https://www.zhihu.com/question/37668821)
- [提离职被老板加薪挽留，该怎么办？](https://www.zhihu.com/question/21234709)
- [程序员怎么升职？](https://www.zhihu.com/question/20259295)
- [产品经理的未来在哪里？](https://www.zhihu.com/question/27283535)
- [和领导沟通的技巧有哪些？](https://www.zhihu.com/question/20211937)
- [在广州创业是一种怎么样的体验？](https://www.zhihu.com/question/51620865)
- [怎么做好互联网公司的技术团队负责人？](http://www.zhihu.com/question/39421456)
- [ofo与摩拜单车，谁会赢呢？](http://zhuanlan.zhihu.com/p/22937792)
- [销售最厉害的招数都有哪些？](http://www.zhihu.com/question/33474046/answer/104165621)
- [如何看待二三线城市（成都、南京、长沙、西安、苏州、厦门等）互联网的现状及发展？ ](http://www.zhihu.com/question/28945225)
- [如何评价 2016 年第三季度 OPPO 和 vivo 线下销量排在国内前两位？](https://www.zhihu.com/question/51985441)
- [8年创业反思：技术人应该如何选择创业项目？](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=512113730&idx=1&sn=fbfc41608bef354ed5eaf4fd40c4b2a5)
- [BAT 稳定工作和创业之间如何抉择？](https://www.zhihu.com/question/28436846)
- [离职前需要注意哪些细节？](https://www.zhihu.com/question/22132568)
#### 12. IDE，编辑器，调试等工具类
- [推荐一款很酷的 Sublime Text 主题 – ayu](http://www.css88.com/archives/6340)
- [Chrome扩展程序开发](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B/Chrome%E6%89%A9%E5%B1%95%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91.md)
- [免费实用的API接口](https://zhuanlan.zhihu.com/p/21320392?refer=passer)
- [我的 Chrome 插件集](http://www.w3ctrain.com/2016/10/16/my-chrome-extension/)
#### 13. 前端架构及工程化等
- [前端教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-资源汇总](https://segmentfault.com/a/1190000007062464)
- [我终于弄懂了各种前端build工具](https://www.sdk.cn/news/5412)
- [实现前端资源增量式更新的一种思路](http://zhuanlan.zhihu.com/p/23218754)
#### 14. Sass，PostCSS 群号：578901836
#### 15. 工作方法 | 协同 | 流程
- [前端进阶之路：如何高质量完成产品需求开发](https://zhuanlan.zhihu.com/p/23080914)
#### 16. Nodejs 群号：422910907
- [Node.js debugging with Chrome DevTools](https://blog.hospodarets.com/nodejs-debugging-in-chrome-devtools) 需要翻墙
- [如何评价Facebook推出的node模块管理器yarnpkg？](https://www.zhihu.com/question/51502849)
- [基于 generator 与 promise 的异步编程解决方案](http://morning.work/page/maintainable-nodejs/asynchronous-programming.html)
- [ejs官网](http://ejs.co/)
- [如何看待模板引擎 Jade 改名为 Pug？](https://www.zhihu.com/question/46418330)
#### 17. UI 群号：321173051
- [你画画几年了，才有现在的水准？](https://www.zhihu.com/question/49781412)
- [照片 P 与不 P 的差距究竟有多大？](https://www.zhihu.com/question/31299495)
- [能让照片美感提升10倍的配色全攻略！](https://zhuanlan.zhihu.com/p/23035006)
- [如何设计一张高品位高水准海报？](https://www.zhihu.com/question/22332149)
- [设计师该如何做好设计决策](https://zhuanlan.zhihu.com/p/23158317)
#### 18. 性能优化教程
- [比较好的关于前端优化的书籍都有哪些？](http://www.zhihu.com/question/23226795)
- [web性能优化之：no-cache与must-revalidate深入探究](https://zhuanlan.zhihu.com/p/23281814)
#### 19. 面试 | 求职
- [前端面试常见问答](https://zhuanlan.zhihu.com/p/22800583)
- [2017 校招，最值得加入的公司有哪些？](https://www.zhihu.com/question/48635051)
- [网上有真实的兼职吗？](https://www.zhihu.com/question/24003174)
#### 20. Mac ios 群号：415074410
- [让 Mac 电脑的窗口切换不再鸡肋](https://zhuanlan.zhihu.com/p/23017016)
- [swift 实现的一个DateTimePicker](https://github.com/itsmeichigo/DateTimePicker) A nicer iOS UI component for picking date and time
- [仿<即刻>下拉刷新效果实现](https://enjoysr.github.io/2016/10/09/%E4%BB%BF-%E5%8D%B3%E5%88%BB-%E4%B8%8B%E6%8B%89%E5%88%B7%E6%96%B0%E6%95%88%E6%9E%9C%E5%AE%9E%E7%8E%B0/)
- [从交互模式的创新上来看，几乎同时发布的 Surface Dial 和 Touch Bar 哪个更颠覆？](https://www.zhihu.com/question/52050175)
#### 21. Android 群号：415074410
- [Android项目从零到上线的全过程](http://www.jianshu.com/p/f798c8b02348)
#### 22. PHP 群号：82254462
- [在 2016 年做 PHP 开发是一种什么样的体验？（一）](https://www.v2ex.com/t/312651)
- [php+websocket搭建简易聊天室实践](http://www.cnblogs.com/IT--Loding/p/5972387.html)
#### 23. Java 群号：145381037
- [mvnrepository.com](http://mvnrepository.com/) 收集的 maven 仓库地址
- [如果仅选择1本Java书，你推荐哪本呢？](https://www.zhihu.com/question/31473595)
- [Java面试知识点总结](https://www.zhihu.com/question/31473595)
- [Android 开发程序员必备网站](http://www.jianshu.com/p/9ad855577d1c)
- [Java递归算法应用](http://blog.csdn.net/linglongxin24/article/details/52840220)
- [Java 集合深入理解（9）：Queue 队列](http://blog.csdn.net/u011240877/article/details/52860924)
- [java常用开发工具介绍](http://www.cnblogs.com/linglipinger/p/5977861.html)
- [万能林萧：扎实的Java基础分享](http://www.cnblogs.com/zuoxiaolong/p/life53.html)
#### 24. Python 群号：130705066
- [如何学习python，就能仅靠python得到好工作？](http://www.zhihu.com/question/51484408)
#### 25. Hybrid App 群号：498173484 以下链接由Hybrid App群主：江西-醉逍遥推送
- [逗比全栈师跟你聊聊 Hybrid APP 和 HTML5 那些事儿](http://1ke.co/course/236)
- [如何区别一个 App 是 Native App， Web App 还是 Hybrid app？](https://www.zhihu.com/question/23622875)
- [React Native 实现二维码扫描](http://gold.xitu.io/post/581755be2f301e005ce78a18)
- [前端跨域整理](http://damonare.github.io/2016/10/30/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E6%95%B4%E7%90%86/)
- [移动前端不得不了解的HTML5 head 头标签（2016最新版）](http://www.css88.com/archives/6410)
#### 26. ASP.NET C# 群号：461614624
- [.net开发都有哪些容易入手，轻量级的框架？](https://www.zhihu.com/question/28359777)
#### 27. Go 群号：336195657
- [【译】Go工具要点](http://blog.cyeam.com/golang/2016/09/27/go-tool-flags)
- [Golang 套件管理工具 Glide](https://blog.wu-boy.com/2016/05/package-management-for-golang-glide/)
#### 28. 开发文档
- [zendesk前端开发文档](https://mkxiansheng.github.io/zendesk-web-api/)
#### 29. 英语
- [工作语言非英语，想提高英语写和说水平有什么有效的办法？](http://www.zhihu.com/question/19769023)
#### 30. 其它
- 影视
- [如何评价电影《湄公河行动》？](http://www.zhihu.com/question/48224721)
- [张艺谋与李安曾经都很优秀，他们现在的差距是否是制度造成的？](https://www.zhihu.com/question/20571696)
- [2017年有哪些值得看的电影？](https://www.zhihu.com/question/49792535)
- [有哪些值得一看的韩国电影？](https://www.zhihu.com/question/24741886)
- [如何评价一部电影的剧情讲述的是好是坏？](https://www.zhihu.com/question/48937768)
- [如何评价电影《驴得水》？](https://www.zhihu.com/question/50954887)
- 健康，养生
- [长期健身是一种怎样的体验？](https://www.zhihu.com/question/28093823)
- [健身房都有哪些健身器材，分别有什么作用？](https://www.zhihu.com/question/21274334)
- 历史，人文
- [你看过的知识最多、含金量最好、质量最棒的书是什么？](https://www.zhihu.com/question/51885492)
- [想要把字写好看的你，还在练庞中华吗？](https://zhuanlan.zhihu.com/p/23259653)
- 其它
- [TCP/IP协议到底在讲什么？](https://www.zhihu.com/question/51074319)
- [如何选购固态硬盘？](https://www.zhihu.com/question/20369676)
- [你有什么道理后悔没有早点知道？](https://www.zhihu.com/question/23819007)
- [像花椒，映客，来疯这种直播app，技术实现难度在哪？需要什么样技术人才，还有就是服务器带宽要求及成本？](https://www.zhihu.com/question/41868659)
- [为什么目前流行的编程语言都是很早以前就发明的？](https://www.zhihu.com/question/51494349)
- [程序员高级装逼指南](https://zhuanlan.zhihu.com/p/22648697)
- [编译型语言、解释型语言、静态类型语言、动态类型语言概念与区别](http://www.cnblogs.com/zy1987/p/3784753.html?utm_source=tuicool)
- [变量命名神器（更新atom、sublime以及chrome的插件）](http://unbug.github.io/codelf/)
- [网盘纷纷关闭的时候，让我们来说说NAS](http://zhuanlan.zhihu.com/p/23132634)
#### 30.文件上传解决方案专题
##### 1. 问题类：
- [HTML5 File api 实现断点续传](https://zhuwenlong.com/blog/51f6519532ffd70b27000001)
- [html5 上传本地图片处理各种问题](http://www.jianshu.com/p/2a42a0c89640)
##### 2. 组件类：
- [百度上传组件](http://fex.baidu.com/webuploader/)
- [上传按钮1(类似空间上传相片)](http://fex.baidu.com/webuploader/demo.html)
- [上传按钮2(传统)](http://kindeditor.net/ke4/examples/uploadbutton.html)
- [jq上传](https://blueimp.github.io/jQuery-File-Upload/)
- [flash 头像上传](http://www.hdfu.net/)
- [图片拖拽上传预览。](http://www.dropzonejs.com/)
- [上传按钮美化](http://ons.me/384.html) || [上传按钮美化_demo](http://ons.me/wp-content/uploads/2012/05/upload.html)
- [HTML5 本地裁剪图片并上传至服务器（老梗）](http://segmentfault.com/a/1190000000754560)
- [图片裁剪 上传](http://elemefe.github.io/image-cropper/)
- [Cropper图片裁剪](http://fengyuanchen.github.io/cropper/)
- [多个上传组件](https://www.freshdesignweb.com/jquery-html5-file-upload/)
- [明哥截图](http://www.shearphoto.com/) || [github](https://github.com/drduan/shearphoto) || [网盘](http://pan.baidu.com/share/home?uk=3996430922&view=share#category/type=0)
- [lUpload 多功能的上传插件](https://github.com/dsphper/lUpload)
- [bootstrap 风格的上传](http://www.dropzonejs.com/bootstrap.html)
- [fineuploader文件上传](http://fineuploader.com/)
- [无刷新上传例子1](https://segmentfault.com/q/1010000004854326)
- [无刷新上传例子2](http://netnr.com/file)
- [使用多种姿势上传图片](http://mp.weixin.qq.com/s?__biz=MzI2NzExNTczMw==&mid=2653284851&idx=1&sn=9967ae75e786890d438ebbd152c0fcd5&scene=2&srcid=0530nZf2S6OdxB7w0B0188QE&from=timeline&isappinstalled=0#wechat_redirect)
- [断点上传](http://www.cnblogs.com/imwtr/p/5957391.html)
- [angular-file-upload](http://nervgh.github.io/pages/angular-file-upload/examples/simple/)
#### 31. 特别推荐我联盟群几个高手的力作或个人网站
1. 高级群
[快速搭建一个基于webpack的项目](https://github.com/18616392776/quick-start-cli) 快速搭建一个基于webpack的项目，支持angular2,react,vue2等框架，支持sass,less,stylus等css预处理语言
2. 中级群
3. 初级群
4. 初级2群
5. 跳板7群
[gfloat 一个十五分钟写出来的小栅栏格系统](https://github.com/SvenZhao/gfloat) 大部分前端人员在快速开发原型的时候 喜欢用bootstrap的栅栏格来布局，但是往往引入N多不太有用的东西 所以 花了十五分钟 仿照bootstrap的栅栏格 抽离仿写了一个栅栏格系统 基于浮动 百分比 兼容ie8
#### 32. 感谢以下贡献者
- [@michealzh](https://github.com/michealzh)
- [@Coco](http://www.cnblogs.com/coco1s/)
- [@云峰](https://github.com/wuyunfeng8)
- [@HotHunter](https://github.com/HotHunter)
- [@mk](http://mk.doufuf.com/)
- [@江西-醉逍遥](https://github.com/mdzxy)
- [@Sven](https://github.com/SvenZhao)