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 体积更小、速度更快、内存占用更少。

---

本期编辑：@墨尘；审阅：@一丝。