如何读懂编译后的 JavaScript 代码 JavaScript 代码为啥要编译？主要是采用 ES6 及以上语法编写的代码兼容不了老浏览器老环境。Bable 可以将其转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。Babel 通过插件让你现在就能使用新的语法，无需等待浏览器的支持。

使用 Vue Test Utils 前面介绍过使用 Vue CLI 单元测试。如果你读过这篇文章，你会深深感觉到使用 Vue CLI 写单元测试不是很方便，比如测试事件时不得不派发自定义事件。另一方面，Jest 对 React 测试的支持在好很多，老早就可以使用专有的 API 处理事件了，谁让它们都有一个 Facebook 亲爹呢。技术是进步的，一天在 Vue 官网瞎逛，偶然它们发现已经推出了 Vue Test Utils，虽然只是 vuev1.0.0-beta.19，但也提供了强大的 API，写单元测试就更溜了。赶紧 Git 下来试一下。

Webpack 分块优化 从 Webpack v4 开始，移除了CommonsChunkPlugin，取而代之的是SplitChunks。最初，chunks（以及内部导入的模块）是通过内部 Webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。

Angular 6 发布 Angular的6.0.0版本发布了！这个主要版本很少关注底层框架，更多关注工具链，以及怎样使它更容易快速适应Angular的未来变化。

Vue 双向数据绑定 React 和 Vue 都主张组件之间交互用单向数据流，这样更 SOLID 的设计原则。但很多时候我们还是要用到双向数据流，也就是大家所说的 MVVM，一个很特殊的场景就是表单处理，使用双向数据绑定还是方便很多。和 Andular 一样，Vue 也可以通过 v-module 指令支持双向数据绑定。很多情况下，我们都需要自定义组件，以输入表单为例，怎样实现自定义组件双向数据绑定呢？