概况

在线地址：http://www.niuguwen.cn/jsfront/month/82796 JS前端开发群月报

提交原则：

• 技术文章新的为主。
• 以前的文章，比较经典的也可以提交。
• 如何提交月报

10月份前端资源分享

1. Javascript 175453545

• 你应该知道的JavaScript
• BOOM：一款有趣的Javascript动画效果
• 为什么JS社区大量使用未发布或未广泛支持的语言特性，而其他社区很少使用新发布的语言特性？
• 如何看待ECMAScript中引入的class关键词？
• 什么时候不该使用es6箭头函数
• 前端入门与最佳实践
• 来自于CodeHouse、Codrops和CodePen - webDemo
• JavaScript 闯关记
• 初次使用phina.js - JavaScript游戏开发库
• 「每日一题」平时你从哪里获取前端知识？
• 前端工程师有必要阅读 HTML、CSS、JavaScript 标准吗？如果有此必要，有没有一些提高效率或收益的建议？
• 有了 async/await, 我们和 Promise 还能像从前一样两小无猜吗?
• 你们是怎么学会正则表达式的？
• 从零学习前端开发 - 如何在一年之内通过自学找到Web开发工作
• LeetCode题解
• 支持ie8的mvvm框架比较？
• 前端跨域整理
• 前端面试中的常见的算法问题
• 前端日常：JavaScript验证
• 网页设计和开发的55个顶尖博客

2. 移动微信小程序Javascript开发 群号：148257606

• 检查移动设置并且添加css到html元素 - device.js
• 移动端开发所需要的一些资源与小技巧
• 腾讯移动Web前端知识库
• 白色橡树-移动web资源整理
• 支付宝团队-无线Web开发经验
• 微信公众号编辑有哪些实用的小工具和小技巧？
• 微信小程序实战项目--hello word！
• 微信小程序实战项目--第一发
• 微信小程序实战项目--第二发

2.1 移动Javascript开发 群内资源

3. Html5

• 如何看待B站(bilibili)开源flv.js模块？

4. CSS 群号：578901836

• w3cplus - SassMagic库 在线文档
• w3cplus - DemoHouse
• 谈谈一些有趣的CSS题目（一）-- 左边竖条的实现方法
• 谈谈一些有趣的CSS题目（二）-- 从条纹边框的实现谈盒子模型
• 谈谈一些有趣的CSS题目（三）-- 层叠顺序与堆栈上下文知多少
• 谈谈一些有趣的CSS题目（四）-- 从倒影说起，谈谈 CSS 继承 inherit
• 谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略
• 谈谈一些有趣的CSS题目（六）-- 全兼容的多列均匀布局问题
• 有哪些类似bootstrap的纯css框架？
• 元素居中
• 深入理解BFC和Margin Collapse

5. Angular 群号：238251402

• 关于 AngularJS 框架的使用有哪些经验值得分享？
• 国内使用angular的网站有哪些?
• TypeScript 2.0 新特性一览
• flow和typescript各有什么好处，该怎么选择
• 一招制敌-玩转AngularJS指令的Scope

6. React, Webpack 群号：530415177

• React

  • 如何存储 React 组件的数据

• Webpack

  • 入门Webpack，看这篇就够了
  • webpack打包bundle.js体积大小优化

7. Vue 群号：364912432

• iView：一套基于Vue的高质量UI组件库
• Vue2.0 新手完全填坑攻略——从环境搭建到发布
• Vue 2.0 制作列表组件，实现分页、搜索、批量操作等
• Laravel 5.3 + Vue2 + Element试水
• Vue2.0 新手完全填坑攻略——从环境搭建到展示豆瓣的电影列表
• 新手向：Vue 2.0 的建议学习顺序

7.1 Vue 群内资源

• Vue.js v2.0 中文文档
• 【小凡哥】 - vuejs2 官网讲解

8. jQuery

• 老虎机抽奖

9. 看书学习 | 成长

• 有哪些人际关系方面的小技巧可以保护自己？
• 读书时如何做读书笔记？
• 怎样利用 iPad 学习？
• GitHub 上有哪些值得推荐的开源电子书？
• 为什么有很多学生在老师讲课的时候什么都懂，但是做题却不会做？
• 提问的智慧
• 天天写「业务代码」，如何成为「技术大牛」？
• Git的核心概念
• 从0开始学习 GITHUB 系列汇总
• 算法相关学习资料整理

11. 创业 | 职场 | 管理 | 产品 | 运营

• 滴滴出行在共享单车领域，为什么投资了 ofo 而没有投资摩拜单车？
• 拿了投资人的钱却创业失败，在商业圈子里的后果都会有哪些？
• 提离职被老板加薪挽留，该怎么办？
• 程序员怎么升职？
• 产品经理的未来在哪里？
• 和领导沟通的技巧有哪些？
• 在广州创业是一种怎么样的体验？
• 怎么做好互联网公司的技术团队负责人？
• ofo与摩拜单车，谁会赢呢？
• 销售最厉害的招数都有哪些？
• 如何看待二三线城市（成都、南京、长沙、西安、苏州、厦门等）互联网的现状及发展？
• 如何评价 2016 年第三季度 OPPO 和 vivo 线下销量排在国内前两位？
• 8年创业反思：技术人应该如何选择创业项目？
• BAT 稳定工作和创业之间如何抉择？
• 离职前需要注意哪些细节？

12. IDE，编辑器，调试等工具类

• 推荐一款很酷的 Sublime Text 主题 – ayu
• Chrome扩展程序开发
• 免费实用的API接口
• 我的 Chrome 插件集

13. 前端架构及工程化等

• 前端教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-资源汇总
• 我终于弄懂了各种前端build工具
• 实现前端资源增量式更新的一种思路

14. Sass，PostCSS 群号：578901836

15. 工作方法 | 协同 | 流程

• 前端进阶之路：如何高质量完成产品需求开发

16. Nodejs 群号：422910907

• Node.js debugging with Chrome DevTools 需要翻墙
• 如何评价Facebook推出的node模块管理器yarnpkg？
• 基于 generator 与 promise 的异步编程解决方案
• ejs官网
• 如何看待模板引擎 Jade 改名为 Pug？

17. UI 群号：321173051

• 你画画几年了，才有现在的水准？
• 照片 P 与不 P 的差距究竟有多大？
• 能让照片美感提升10倍的配色全攻略！
• 如何设计一张高品位高水准海报？
• 设计师该如何做好设计决策

18. 性能优化教程

• 比较好的关于前端优化的书籍都有哪些？
• web性能优化之：no-cache与must-revalidate深入探究

19. 面试 | 求职

• 前端面试常见问答
• 2017 校招，最值得加入的公司有哪些？
• 网上有真实的兼职吗？

20. Mac ios 群号：415074410

• 让 Mac 电脑的窗口切换不再鸡肋
• swift 实现的一个DateTimePicker A nicer iOS UI component for picking date and time
• 仿<即刻>下拉刷新效果实现
• 从交互模式的创新上来看，几乎同时发布的 Surface Dial 和 Touch Bar 哪个更颠覆？

21. Android 群号：415074410

• Android项目从零到上线的全过程

22. PHP 群号：82254462

• 在 2016 年做 PHP 开发是一种什么样的体验？（一）
• php+websocket搭建简易聊天室实践

23. Java 群号：145381037

• mvnrepository.com 收集的 maven 仓库地址
• 如果仅选择1本Java书，你推荐哪本呢？
• Java面试知识点总结
• Android 开发程序员必备网站
• Java递归算法应用
• Java 集合深入理解（9）：Queue 队列
• java常用开发工具介绍
• 万能林萧：扎实的Java基础分享

24. Python 群号：130705066

• 如何学习python，就能仅靠python得到好工作？

25. Hybrid App 群号：498173484 以下链接由Hybrid App群主：江西-醉逍遥推送

• 逗比全栈师跟你聊聊 Hybrid APP 和 HTML5 那些事儿
• 如何区别一个 App 是 Native App， Web App 还是 Hybrid app？
• React Native 实现二维码扫描
• 前端跨域整理
• 移动前端不得不了解的HTML5 head 头标签（2016最新版）

26. ASP.NET C# 群号：461614624

• .net开发都有哪些容易入手，轻量级的框架？

27. Go 群号：336195657

• 【译】Go工具要点
• Golang 套件管理工具 Glide

28. 开发文档

• zendesk前端开发文档

29. 英语

• 工作语言非英语，想提高英语写和说水平有什么有效的办法？

30. 其它

• 影视

  • 如何评价电影《湄公河行动》？
  • 张艺谋与李安曾经都很优秀，他们现在的差距是否是制度造成的？
  • 2017年有哪些值得看的电影？
  • 有哪些值得一看的韩国电影？
  • 如何评价一部电影的剧情讲述的是好是坏？
  • 如何评价电影《驴得水》？

• 健康，养生

  • 长期健身是一种怎样的体验？
  • 健身房都有哪些健身器材，分别有什么作用？

• 历史，人文

  • 你看过的知识最多、含金量最好、质量最棒的书是什么？
  • 想要把字写好看的你，还在练庞中华吗？

• 其它

  • TCP/IP协议到底在讲什么？
  • 如何选购固态硬盘？
  • 你有什么道理后悔没有早点知道？
  • 像花椒，映客，来疯这种直播app，技术实现难度在哪？需要什么样技术人才，还有就是服务器带宽要求及成本？
  • 为什么目前流行的编程语言都是很早以前就发明的？
  • 程序员高级装逼指南
  • 编译型语言、解释型语言、静态类型语言、动态类型语言概念与区别
  • 变量命名神器（更新atom、sublime以及chrome的插件）
  • 网盘纷纷关闭的时候，让我们来说说NAS

30.文件上传解决方案专题

1. 问题类：

• HTML5 File api 实现断点续传
• html5 上传本地图片处理各种问题

2. 组件类：

• 百度上传组件
• 上传按钮1(类似空间上传相片)
• 上传按钮2(传统)
• jq上传
• flash 头像上传
• 图片拖拽上传预览。
• 上传按钮美化 || 上传按钮美化_demo
• HTML5 本地裁剪图片并上传至服务器（老梗）
• 图片裁剪 上传
• Cropper图片裁剪
• 多个上传组件
• 明哥截图 || github || 网盘
• lUpload 多功能的上传插件
• bootstrap 风格的上传
• fineuploader文件上传
• 无刷新上传例子1
• 无刷新上传例子2
• 使用多种姿势上传图片
• 断点上传
• angular-file-upload

31. 特别推荐我联盟群几个高手的力作或个人网站

1. 高级群

   快速搭建一个基于webpack的项目 快速搭建一个基于webpack的项目，支持angular2,react,vue2等框架，支持sass,less,stylus等css预处理语言

2. 中级群

1. 初级群

2. 初级2群

3. 跳板7群

   gfloat 一个十五分钟写出来的小栅栏格系统 大部分前端人员在快速开发原型的时候 喜欢用bootstrap的栅栏格来布局，但是往往引入N多不太有用的东西 所以 花了十五分钟 仿照bootstrap的栅栏格 抽离仿写了一个栅栏格系统 基于浮动 百分比 兼容ie8

32. 感谢以下贡献者

• @michealzh
• @Coco
• @云峰
• @HotHunter
• @mk
• @江西-醉逍遥
• @Sven