2016年2月份前端资源分享

概况

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

---

2月份前端资源分享

1. Javascript

• 30分钟掌握ES6/ES2015核心内容（上）
• 30分钟掌握ES6/ES2015核心内容（下）
• 如何评价 ECMAScript 2016（ES7）只新增2个特性？
• (译)JavaScript小技巧介绍（二）
• JS函数式编程指南
• 19岁的开发者把win95编译成JS版本跑在浏览器里
• JavaScript能做什么，该做什么？
• 百度FEX 技术周刊 - 2016/02/01
• Ruff Community
• 现代 JavaScript 开发硬件
• Code blast plugin for Codemirror
• code-blast-codemirror
• ECMAScript 的 Job Queues 和 Event loop 有什么关系？
• [译] 用 ES6 构建新一代可复用 JS 模块
• 构建一个使用 Virtual-DOM 的前端模版引擎
• 如何有技巧的阅读源码
• 一个走社会主义道路的社交分享组件
• zone.js - 暴力之美
• FEX 技术周刊 - 2016/02/01
• 前端JavaScript规范
• 17 行代码实现的简易 Javascript 字符串模板
• 每天一条JS小知识(jstips中文翻译)
• 近年来的收藏夹前端资料整理
• 30行代码实现Javascript中的MVC
• 42种常见的浏览器兼容性问题大汇总
• JS实用技巧手记
• 浅析js随机函数Math.random()
• 面向设计的半封装web组件开发
• 顺势而为，HTML发展与UI组件设计进化
• [JavaScript引擎] WebKit JavaScriptCore用新的B3编译器后端替代FTL JIT中的LLVM
• 如何理解 Facebook 的 flux 应用架构？
• 全面理解虚拟DOM，实现虚拟DOM
• 当前端也拥有 Server 的能力
• 从proto和prototype来深入理解JS对象和原型链
• 深入理解JS中声明提升、作用域（链）和this关键字
• javascript高级特性

2. 移动Javascript开发

• 聊聊移动端跨平台开发的各种技术
• 也来说说touch事件与点击穿透问题
• 移动端自适应：flexible.js可伸缩布局使用

3. Html5

• web移动端常见问题解决方案
• 移动端 h5开发相关内容总结(三)
• HTML textarea cols,rows属性和宽度高度关系研究
• canvas难吗？H5画布实用TIPS总结
• Html5移动端知识点总结
• 生成PDF
• 基于HTML5 Canvas实现视频破碎重组特效

4. CSS

• px2rem

  • postcss-px2rem
  • gulp-px2rem
  • gulp-rem2px
  • fis3-preprocessor-px2rem
  • grunt-px2rem

• 其它

  • 【52期】移动端 h5开发相关内容总结——CSS篇
  • Remove unused styles from CSS
  • CSS tooltip library
  • CSS 的 22 个必备技巧
  • flex-grow 不易理解，难道不是吗?
  • 光点沿圆角按钮运动轨迹动画
  • oeasy教你玩转css禅意花园
  • css禅意花园-github
  • 用纯CSS美化radio和checkbox
  • CSS镂空图片transition过渡初加载背景色块问题解决
  • REM vs EM

5. Angular

• 民工精髓 - 关于新框架的学习 Angular，React，Vue
• React vs Angular 2: 冰与火之歌
• 如何看2015年1月Peter-Paul Koch对Angular的看法？
• 不可错过的Angular scrollbar library

6. React, Webpack

• React

  • React+Redux的演示程序
  • react.js,angular.js,vue.js学习哪个好？
  • 第三方开发工具
  • 阮一峰 - React 测试入门教程
  • react native - 仿拉勾ios版本demo
  • React Native - 美团小demo
  • Immutable.js及在React中的应用

• Webpack

  • Webpack傻瓜指南（三）和React配合开发
  • What's new in webpack 2
  • WebPack在项目配置中的探索
  • webpack-howto
  • Webpack 2 有哪些新东西

7. Vue

• 历史遗留项目，如何采用vue+webpack的形式改造呢？
• v-for 列表动画插件
• vue源码分析之如何实现observer和watcher

8. jQuery

• jQuery封神榜 - awesome-jquery
• On-Off Toggle Switch
• fancygrid - highcharts整合的表格

9. 看书学习

• 天天写业务代码的程序员，怎么成为技术大牛，开始写技术代码？
• 你所读的计算机科学方向，有哪些不错的讲义（Notes）？
• 工作后希望重新捡起大学时代学习的语言，是否意味着需要重新学习一遍？
• 你是怎样通过学习改变命运的？
• 一个追求高效的学习者手机里装有哪些APP？
• 2015-2016前端知识体系-by ouven
• 如何长时间高效学习？
• 如何从菜鸟程序员成长为(伪)高手

10. Git,Github

• 你需要知道的12个Git高级命令
• git-recipes | 四种常见 Git 工作流比较

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

• 普通人离千万富翁有多远？
• 初创公司，应该设置哪些员工福利比较好呢？
• 去哪里找到好看又实用的餐具？
• 你做的最大的赌是什么？
• 哪三本书是产品经理必读书？为什么？
• 如何评价支付宝2016年推出的「集福红包」功能？
• 如何看待《腾讯互娱员工猝死，同事呼吁公司少加班》？
• IT 行业加班到底有没有价值？
• 架构师一定要很强的编码能力之后才能当吗？
• 工作两三年后，你悟出什么职场道理？
• 哪些工具能极大提升产品经理的工作效率？
• 有哪些成本是老板们开公司前未曾预见到的？
• 如何看待LinkedIn市值蒸发100亿美元？
• AirBnb女神工程师视角 -以创业者的姿态做一名工程师
• PPLive 融资 2.5 亿美元会彻底改变视频领域战局吗
• 看点点的数据：1819 万博客、3547 万内容，点点不是运行的很好吗？
• 创业公司员工都有哪些特点？
• 年薪三十万的码农不如一个省委办公厅公务员吗？
• 「简书」是一个什么样的网站？有什么背后故事？
• 为什么知乎上在美帝的IT从业者大都这么鄙视国内的同行？
• 用户和产品经理们，你们为什么要我们拿你当白痴？
• 技术出身的 CEO 管理公司，要迈过哪些坑？
• 2016年，还适合创业吗？
• 为什么整个互联网行业都缺前端工程师？
• 专访｜腾讯UI工程师@张鑫旭

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

• 正则

  • regexper
  • 在线正则工具
  • regex101
  • python在线正则工具
  • refiddle
  • debuggex

• 其它

  • 都说intellij比eclipse好用，那么intellij有哪些好用的技巧？
  • 一款优秀的在线编辑器：JsBin [使用教程]
  • 最简洁的云笔记本
  • WebKit Web Inspector 十年回顾
  • Seti UI 主题: 让你编辑器焕然一新
  • Working with ReactJS in WebStorm: Coding Assistance
  • 在线制作icon
  • Sublime Text 3 最好的功能、插件和设置

13. 前端架构及工程化等

• 老卫聊架构：做技术，应该先有深度再谈广度
• 服务化架构的演进与实践
• 端游、手游服务端常用的架构是什么样的？
• 阿里移动电商背后的技术航母
• 我为何放弃Gulp与Grunt，转投npm scripts（上）
• 我为何放弃Gulp与Grunt，转投npm scripts（中）
• 我为何放弃Gulp与Grunt，转投npm scripts（下）
• 别学框架，学架构

14. Sass，PostCSS

• POSTCSS快速入门使用

15. 工作 | 协同 | 流程

• 为什么程序员在预估时间的时候经常估不准？
• ​不要把学生气带入社会，值得你一看！

16. Nodejs

• 除夕乱谈web微框架，从koa说起
• 展望Nodejs 2016和新年祝福
• 学习 Node.js 的 6 个步骤

17. UI

• 设计师，写给CEO，写给产品，写给运营，写给技术
• 设计自动标注工具
• 有哪些好看的 Hexo 主题？

18. 性能优化教程

• 关于烂代码的那些事（上）
• 关于烂代码的那些事（中）
• 关于烂代码的那些事（下）
• 常规性能优化
• 网页图片优化和性能分析
• 常见的前端性能优化手段都有哪些？都有多大收益？
• 腾讯干货！从四个方面帮你做好移动页面性能优化
• 编写高质量JavaScript代码的一些建议

19. 面试相关

• 今年（2015年）校招(互联网行业)薪水情况如何？--如何选择offer
• 应聘互联网公司的简历应该是怎么样的？
• 李开复-如何应对你的面试
• 【前端面试总结】2016-02-22

20. mac ios

• Mac上有哪些鲜为人知但极大提高工作效率的工具？

21. php

• Flarum 的故事：我为什么开发 Flarum
• PHP版mock - 造测试数据
• phpfiddle - 演示代码

22. 英语

• 在中国，英语流利能给个人带来多少额外的收益？

23. 其它

• 电影

  • 除了迪斯尼和宫崎骏，还有哪些值得一看的动画电影？
  • 如何评价电影《功夫熊猫 3 》（《Kungfu panda3》）？
  • 嘉禾港威戏院结业的背后，是「失语」的香港电影
  • ［徐克66大寿贺文］《笑傲江湖》25周年：敢问笑在何处
  • 各种有武打成分的动作片中，武术指导的风格有派系可言吗？
  • 周星驰变了吗？
  • 为什么10年前的《魔戒》三部曲，现在依然能秒杀市场上绝大多数电影制作？
  • 电影《社交网络》给你最深的感受是什么？
  • 如何评价电影《老炮儿》的三观？
  • 如何评价电影《推拿》？
  • 为什么以前的香港动作电影武打动作是有节拍一招一招跟对练似的？

• 健康，养生

  • 经常晚十二点后睡觉到底对身体有多大危害？
  • 对于久坐办公室的上班族，什么样的坐姿能使腰部的伤害降到最低？

• 其它

  • 王羲之的字真有那么好吗？现代人有可能达到吗？
  • 你必须了解的Session的本质
  • 浏览器缓存知识小结及应用
  • 你听过最能引起共鸣的话是什么？
  • 哪些 P2P 金融平台比较可靠？
  • 什么话是你当时不懂，后来顿悟的？
  • 各种有武打成分的动作片中，武术指导的风格有派系可言吗？
  • Android开发者博客汇总
  • 微信红包的随机算法是怎样实现的？
  • 10个经典的C语言面试基础算法及代码
  • 如何为你的代码选择一个开源协议
  • Apple Pay 联合银联正式宣布入华，这对国内移动支付将有怎样的影响？
  • 在斗鱼直播写代码是一种怎样的体验？

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

1. 高级群
   • wangEditor编辑器2.0基础版 - 此版本支持自定义菜单和自定义插件
   • 广州-Evan - 消灭星星
   • seajs + angular + weui整合的单页应用项目
   • angular + webpack + mockjs 集成方案
   • 上海-陌 - 基于react + redux + react-router 的Blog
   • 深圳-阿发的Blog
   • 上海-何幻-真实在哪里
2. 中级群
   • 打飞机游戏
   • 简单的画板
   • Angular2 Getting Start
   • iwulyの前端小站
   • 成都-天真 个人网站
3. 初级群
   • 一个管理系统的前端框架
   • 基于react的番茄时间法则的webapp
   • 上面webapp的作者Blog
   • 群管理 湖南-pury - 支持嵌套、多重路由、链式调用的router模块
4. 入门群
   • 分享借口
   • 北京-阜康 - 分享接口 - github
   • 成都-newraina 波浪进度指示器
   • 成都-newraina - 一款简洁的HTML5音乐播放器　在求职：newraina.com@gmail.com，注明：从豪哥月报上看到
5. 跳板群
   • 成都-Trotyl - 个人博客TrotylDE
   • 广州-夜猫 - 3D图片墙插件
   • 广州-夜猫 - Canvas版仿flappy bird游戏
   • 广州-夜猫 - Canvas版仿flappy bird游戏 - 预览地址