前端技術週刊 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）；專題供稿：@左莫