前端技术周刊 2018-08-13：Web Components

前端快爆

• 重构后的 Vue Cli 3.0 正式发布，带来了丰富的内置功能（预配置 Wepack、支持 PostCSS、多页面模式等），做到了真正的「开箱即用」。此外还包括：可扩展的插件系统、图形用户界面 (GUI）、即时原型（Instant Prototyping）等丰富的特性。?

  点评：说好的命令行工具，以后没有 GUI 都不好意思发布了惹?。

• V8 引擎正式发布 6.9 版本，该版本在 x64 平台上支持嵌入式内置插件，通过该插件，显著优化了 V8 的内存使用。同时，新版本中 WebAssembly 得到了一个新的基线编译器 Liftoff，它可以更快地启动具有大型 WebAssembly 模块，性能提升超过 10 倍。?

  点评：WebAssembly 性能的提升是亮点。

• Firefox 意图正式启用 Shadow DOM 和 Custom Elements 特性，他们都是属于 Web Components 规范的一部分，此前一直由 Chrome 率先实现。?

  点评：Web Components 命运坎坷，几经波折，如今终于即将看到胜利的曙光。

• Babel 将停止发布任何新的 babel-preset-stage-*，这类 preset 集合了 ECMAScript 中的各个阶段的规范，此举影响了尚在 beta 版本的 Babel 7。下线此类 preset 的原因是早期规范并不稳定，会导致代码的行为在不同的编译时间呈现不同的结果，导致不可控的 Bug。?

  点评：对于已经尝鲜使用了 Babel 7 的同学，使用 babel-upgrade 来更新你的 .babelrc 和 package.json 即可。

优秀 Demo

• 拖动式滑块

• 闪烁的霓虹灯效果文字

专题：Web Components

本周是由 @左莫(zuomo.xb) 带来的 Web Components 专题。现在的前端发展和中国的经济发展很相似：拉动中国经济的三驾马车：投资、消费、出口，现在基本靠政府投资。拉动前端的三驾马车是 JavaScript、CSS、HTML，现在基本靠 JavaScript。中国经济说要转型，拉动内需，转了十年还是这个样子。前端说要转型，定了 Web Components，八年了，越来越依赖 JavaScript……

• Web Components 定义 & 官网
• Web Components 可用性调研：（2017） 、（2018）
• Web Components：过去、现在和未来：为我们梳理了 Web Components 从概念到标准化的历程
• 从 HTML Components 的衰落看 Web Components 的危机
• 精读《Web Components 的困境》
• Vue Cli 与 Web Components
• React 与 Web Components

---

本期编辑：@壹丝；审阅：@承虎（humphry）；专题供稿：@左莫