FSD Weekly

基础

• Class 的基本语法
  尽管基本上，ES6的class可以看作只是一个语法糖，但使得JavaScript对象原型的写法更加清晰、更像面向对象编程的语法，更接近传统语言的写法。

• Module 的语法
  相交于社区提供了各种模块化解决方案，ES6语言标准的层面上实现了模块功能，成为浏览器和服务器通用的模块解决方案。

• 数组的扩展
  ES6内置新数组方法，无需再自己再实现相应的polyfill了，赶紧学习充能，搭配该文（【深度长文】JavaScript数组所有API全解密）食用，更易消化。

• webpack 中文
  旧版的webpack官方文档有些糟糕，幸好后来有了新版，并且还有志愿者维护了相对应的中文版本，这下查阅学习就更轻松了。近日webpack 3.0 已经释出，大家赶快跟进。

• EditorConfig使用介绍
  团队合作，统一编辑器行为非常必要，本文对EditorConfig中的配置进行了讲解。
  ps：EditorConfig规范在这里。

文章

• 1. Server-Sent Events 教程
  2. WebSocket 教程
     
     这两篇文章一起读，就可以很全面的了解现代浏览器和服务器通信技术。

• 深入理解 JavaScript 异步
  这个系列文章把异步方面的知识以及原理讲解的比较清楚，从传统的方式到promise到generator到async，值得一读。

• koa2从起步到填坑
  比较系统简介koa2使用，包含一些例子，可以让人更快上手。

• 现代前端科技解析 —— 数据响应式系统
  文章讲解数据响应式系统及其构建，分步骤实现了vue2.0的响应式，还有详细的代码示例及注释。

• 关于前端开发谈谈单元测试
  阐述了做单元测试的必要性，
  着重介绍了Jasmine的常用语法，
  并对其他流行测试框架和工具做了介绍。

• Three.js入门指南
  关于Three.js中文文章资料还是不够丰富，以至于这本免费小书时至今日还是Three.js入门的最佳选择之一。

• 1. 测试你的前端代码 – part1（介绍篇）
  2. 测试你的前端代码 – part2（单元测试）
  3. 测试你的前端代码 – part3（端到端测试）
  4. 测试你的前端代码 – part4（集成测试）
     
     
     文章由浅入深的介绍前端工程的测试，覆盖单元测试、端到端测试、集成测试，较为简单的事例介绍有利于你快速掌握这些知识。

• 学用 JavaScript 设计模式
  文章讲解数据响应式系统及其构建，分步骤实现了 vue2.0的响应式，还有详细的代码示例及注释。

基础

• Promise
  在Javascript的单线程异步架构下，Promise会是很多异步服务的核心知识点，Node 8.X已经可以方便的将回调方式转换为Promise。

• 异步函数async
  使用异步函数可以实现“用同步的写法，完成异步的事情”，Node 8.X已经在编译器层面对async做了优化。

• 语义化版本 2.0.0
  玩开源项目的基础，组件发布的约定。
• package.json规则
  项目的依赖列表，区别开发环境、生产环境、面向的平台和组件的规范（CMD、AMD和UMD）等。

单元测试工具

Web 应用中的单元测试更加重要，在 Web 产品快速迭代的时期，每个测试用例都给应用的稳定性提供了一层保障。 API 升级，测试用例可以很好地检查代码是否向下兼容。 对于各种可能的输入，一旦测试覆盖，都能明确它的输出。 代码改动后，可以通过测试结果判断代码的改动是否影响已确定的结果。

• mocha单元测试
  NPM里每天有25W的下载量，同时支持Node、浏览器多平台的测试用例的执行。

• power-assert断言库
  power-assert可以零学习成本，直观的展示出判断条件和结果。

1
2
3
4
5
6
7
8
9
10
11
12
13

1) Array #indexOf() should return index when the value is present:
     AssertionError: # path/to/test/mocha_node.js:10

  assert(ary.indexOf(zero) === two)
         |   |       |     |   |
         |   |       |     |   2
         |   -1      0     false
         [1,2,3]

  [number] two
  => 2
  [number] ary.indexOf(zero)
  => -1

文章

• JavaScript专题之跟着underscore学防抖
  对防抖的原理介绍的很清晰，从最简单的实现版本一步一步讲解到实现复杂的版本。
  让我对防抖有了重新的认识。

• 从前端开发看面向未来的敏捷学习法
  授人以鱼不如授人以渔
  前端技术更新速度很快，快速学习已经成了每个工程师必备技能。
  除了掌握技术知识，解决问题的能力在实际项目中也很重要，文中以实际案例给出分解思路和系统敏捷学习新知识思路。

• 前端工程师做事的三重境界：我的进阶之路
  从程序员到工程师的进阶之路，精益求精才能称得上是工程师。作者认为这三个单词（Programmer、Developer、Enginner）对应不用的境界。

• 浏览器缓存机制剖析
  正如文中所述“缓存一直是前端优化的主战场, 利用好缓存就成功了一半”，利用好缓存在前端优化地位中举足轻重，本文能够带领大家对浏览器缓存机制有一个初步了解。

• vue-mixins使用注意事项和高级用法
  在项目开发中经常会碰到两个组件的业务逻辑有所相似，可能共享相同的底层业务逻辑；此时需要考虑如何来合理地划分代码，即避免冗余代码，也不能过度抽象。

• 也谈JavaScript数组去重
  去重，首先要思考什么是相等，从最初的循环，到Set集合。

• 大前端公共知识梳理：这些知识你都掌握了吗？
  文章覆盖非常全面，所介绍基础知识、技术栈、能力、领域有很多都是目前我所欠缺的，介于此推荐给大家。。。看完最直观的感受就是自己是个假前端

• 重温ES6核心概念和基本用法
  文章梳理了ES6核心概念及基础用法，推荐给大家。