## 概况 在线地址：`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)