技術週刊（2019-01-28 VSCode）

前端技術週刊 2019-01-28

前端快爆

• Firefox 65 發佈，設置了 disabled 屬性的元素也能夠觸發事件了，<script> 元素支持 referrerpolicy 屬性了，實現了 CSS 環境變量 env() （Chrome 69，Safari 11 已支持），新支持了 WebP 格式的圖片（Chrome、Edge 18 已支持）。🔗

• Safari 科技預覽版 74 發佈，fetch 接口支持 abort() 了，支持了 CSS Color Level 4 中定義的新 rgb()、 rgba() 語法，默認支持了 window.visualViewport，WebAuthn 和 WebRTC 有細節支持性變化。🔗

• Chrome 意欲實現 Priority Hints 以標識前端資源的優先級。🔗

點評：前端控制網絡層又多一個工具。

• Node.js 11.七、11.8 接連發布，默認支持了 worker_threads 模塊，支持了壓縮格式 brotli，實驗性支持了 Subresource Integrity Checks。🔗

點評：worker_threads 相比新開進程的方案更加輕量省內存，附贈說明文章一、二。

百寶箱

• 基於 Web Components 的 UI 框架 Ionic 4.0 發佈，本代主版本基於 Angular，同時實驗性支持了 React 和 Vue，同時支持 Web 和 PWA 應用。🔗

點評：Ionic 剛出來的時候，既沒有預見 Angular 會被打趴下，也沒有預見基於 WebView 的 Hybrid 開發在那個時代流暢度極難優化，如今的轉型姍姍來遲。話說回來，基於 Web Components 技術依然是一個亮點。

• Mozilla 的物聯網項目 Mozilla IoT 0.7 版本發佈，支持攝像頭和傳感器等輸入設備。🔗

點評：JavaScript 滲透進嵌入式開發了，就問同僚慌不慌。

• Software Galaxies 是一個把 npm 包的依賴關係可視化的項目。

點評：查看 demo 須要在牆外。感覺到選擇恐懼症的壓力了嗎。

專題：VSCode

VSCode 是當下最流行的前端編輯器。做爲微軟推出的現代編輯器，它已經在 GitHub 上開源, 使用 Electron 架構，代碼編輯器層爲 Monaco。

技術架構：

• VSCode 的 Why、How 和 What
• VSCode 源碼解讀
• VSCode 源碼結構
• VSCode 源碼中的算法與優化
• Electron 應用結構

定製開發：

• 定製化 IDE 選型筆記
• VSCode / Egret Wing 技術架構
• VSCode 插件開發全攻略

---

編輯：承虎 & 審閱：壹絲 & 專題供稿：自勉