前端技術週刊 2018-09-17

前端快爆

• Chrome 69 的更新帶來了一個 URL 展示上的 bug：子域名將被吞掉，www. 和 m. 都一樣消失於位址列中。?

點評：腦海中浮現出設計師和工程師爭 URL 展現的場面……為了避免它影響到開發，可以在 chrome://flags/#omnibox-ui-hide-steady-state-url-scheme-and-subdomains 中關掉此特性

• Chrome 意欲實現 img 標籤上的 ElementTiming API，結合 Paint Timing API 可用於更細緻的效能資料監測。?

點評：效能資料監測走向更細膩和更自動化，相對應的優化方法還是粗糙且人工的，這是一個前端可以深挖的方向

• React 16.5 釋出，相對於 16.4，此版本追加了與 React DevTools Profiler 的聯動，修正了大量 API 的細節問題。?

點評：16.5 沒有 16.3 的新生命週期方法、16.4 的生命週期方法細節修正那麼刺激，縫縫補補又三月

• Github Gist 上出現了一行足以讓你的 iOS 或 macOS 重啟的 CSS，該攻擊的核心為使用一個 backdrop-filter 包含足夠深、佔用面積足夠大的 div，此方式可以耗竭裝置資源，並導致核心恐慌。?

點評：只限於 WebKit 系列的瀏覽器，Chrome 對 backdrop-filter 的支援需要開啟實驗性功能開關

• 第一屆在深圳的前端藝術家沙龍於上週結束，探討了 CSS Houdini、多端統一框架、前後端同構業務實戰、表單與國際化等議題，相關 PPT 已放出。?

點評：裡面有你的絲姐哦

瑞士軍刀

• Ant Design Pro 2.0 釋出，此版本加入了四個全新的頁面、多種佈局方式來豐富 pro 的使用場景、腳手架從 roadhog 切換到了 umi2，並加入一個設定抽屜。?
• luma.gl 是由 Uber 團隊開源的 WebGL 2 視覺化基礎庫。

• Svgurt 是一個將點陣圖轉化為向量圖的工具。

• Momentjs 可以算是現在用途十分廣泛的工具包了，但它十分大，gZip 之前有 329k，我們可以用 80k 的
  date-fns 或 7k 的 dayjs 替代。
• Npm 開源了實驗性專案 tink ，它可用來自動安裝和校驗專案依賴包，且不用把內容下載到專案 node_modules 資料夾中。?

點評：官方聲明裡明確提及不要期待它能和任何已有專案相容，所以就不用自己去試著 npx npm/tink 了

專題：V8

本期由社群大牛 justjavac 為我們帶來 V8 專題。V8 是一個由 Google 開發的開源 JavaScript 引擎，被 Node.js、Atom、VSCode、Deno、Electron 等軟體依賴。這個月恰逢 V8 的十週年開源紀念，2008 年 9 月 2 日，V8 與 Chrome 在同一天宣佈開源。早在 2006 年，Lars Bak 和幾個朋友就開始在他家農場裡辦公，併成功開發出地球上速度最快的 JavaScript 引擎。

介紹

進階

開發

工具/資源

本期編輯：承虎(humphry) & 審閱：壹絲 & 專題供稿：justjavac