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

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