Chrome 牽頭啓動 Compat2021 計劃 、Firefox 87 發佈

前端快爆

• Firefox 87 發佈

  • 功能 & 特性
    • 新增 SmartBlock 功能。SmartBlock 爲被 Firefox 阻止的腳本提供了替代程序，防止網站在隱私瀏覽和嚴格加強跟蹤保護下顯示不正確，確保網站正常顯示。
    • 默認剪裁 HTTP Referrer 以保護用戶隱私。默認將 Referrer-Policy 修改成 strict-origin-when-cross-origin ，以減小在跨域請求中泄露敏感信息的風險，這意味着默認在 HTTP Referrers 中再也不包含路徑和查詢字符串信息。
    • 使用頁面查找時使用「高亮所有」會沿滾動條顯示匹配位置。
    • 默認開啓 beforeinput 事件和 getTargetRanges() 方法，容許 Web 應用程序在瀏覽器修改 DOM 樹以前覆蓋文本編輯行爲，從而提供對文本輸入的更多控制以提升性能。
  • 開發者工具
    • Inspector 面板中增長了模擬亮色或暗色主題按鈕，用來匹配 prefers-color-scheme 媒體查詢，開發者無需再從系統設置中更改。
    • Inspector 面板中增長僞類 :target ，用來匹配頁面惟一元素(id)激活時的樣式。

• Chrome 牽頭啓動了一項叫 Compat2021 的計劃，旨在消除 Web 開發五大兼容性痛點，如下從調研、測試、使用等角度解釋爲何選中這五大痛點：

  • CSS Flexbox
    • 調研：這是 MDN 瀏覽器兼容性報告中的首要問題，在 CSS 中最爲人熟知和使用。
    • 測試：在全部瀏覽器得到 85％ 的經過率。
    • 使用：75％ 的頁面在使用，在 HTTP Archive 中增加強勁。
  • CSS Grid
    • 調研：MDN 瀏覽器兼容性報告亞軍，這個屬性衆所周知，但在 CSS 中較少使用。
    • 測試：在全部瀏覽器得到 75％ 的經過率。
    • 使用：8％ 的頁面在使用，並正在快速增加。
  • CSS position: sticky
    • 調研：在 MDN 瀏覽器兼容性報告中被屢次提到，在 CSS 中爲人熟知且常常使用。
    • 測試：在全部瀏覽器得到 66％ 的經過率。
    • 使用：8％ 的頁面在使用。
  • CSS aspect-ratio property
    • 調研：已被熟知，但並未普遍使用。
    • 測試：在全部瀏覽器得到 27％ 的經過率。
    • 使用：3％ 的頁面在使用。
  • CSS transforms
    • 調研：爲人熟知且常常使用。
    • 測試：在全部瀏覽器得到 55％ 的經過率。
    • 使用：80％ 的頁面在使用。

• TypeScript 團隊宣佈已重寫 TypeScript 手冊

  • 刪除了指導 JavaScript 的部分（由於網上和經過書籍學習 JavaScript 的資源很是豐富）。
  • 漸進式教學。
  • 發佈新的 TypeScript 版本時，提供最新的代碼示例。
  • 編寫平常用例。

• 從 Chrome 90 開始，在地址欄不指定協議的狀況下，將默認協議改成 HTTPS，以改善隱私和訪問支持 HTTPS 的網站的速度。對於還不支持 HTTPS 的網站，當嘗試 HTTPS 失敗（包括證書錯誤，如名稱不匹配或不受信任的自簽名證書，或鏈接錯誤，如 DNS 解析失敗）時，Chrome 將退回到 HTTP。

百寶箱

• Aladino 是一個基於 WebGL 的網站特效工具，它可使用「着色器效果」加強您的網站。這是一個很小的文件庫（壓縮後約爲5KB），而且沒有依賴項。

• piscina 是一個快速、高效的 Node.js 工做線程池實現。

• LinkDOM 是 JSDOM 的一個替代品，使用 JavaScript 解析 HTML 字符串，返回一個 DOM 對象，在上面實現了 DOM 接口。它比 JSDOM 體積更小、速度更快、內存佔用更少。

---

本期編輯：@墨塵；審閱：@一絲。