Firefox 93 中有很多值得一看的内容!

Firefox 93 带来了许多令人愉快的更新,包括 AVIF 图像格式支持、在 PDF 查看器中填写基于 XFA 的表单以及通过阻止依赖于不安全连接的下载来防止不安全的下载。

Web 开发人员现在可以使用 静态初始化块 在 JavaScript 类中,并且还有一些 Shadow DOM 和 Custom Elements 更新。SHA-256 算法现在支持使用摘要进行 HTTP 身份验证。与以前使用 MD5 算法相比,这允许更安全的身份验证。

这篇博文仅仅提供了一些亮点;有关所有详细信息,请查看以下内容

AVIF 图像支持

AV1 图像文件格式 (AVIF) 是一种强大、开源、免版税的文件格式。AVIF 有可能成为 Web 内容中共享图像的“下一个大事件”。它提供了最先进的功能和性能,没有复杂许可和专利版税的阻碍,这些阻碍了可比的替代方案。

与 PNG 或 JPEG 格式相比,它提供了更好的无损压缩,并支持更高的颜色深度和透明度。由于支持尚未全面覆盖,因此您应包括对浏览器支持更好的格式的回退(即使用 <picture> 元素)。

MDN 上的图像文件类型和格式指南 中详细了解 AVIF 图像格式。

静态初始化块

Firefox 93 中现在支持 JavaScript 类中的静态初始化块。这提供了更大的灵活性,因为它允许开发人员在初始化静态字段时运行代码块。如果您想从单个值设置多个字段或评估语句,这将非常方便。

您可以在一个类中拥有多个静态块,它们具有自己的作用域。由于它们是在类中声明的,因此它们可以访问类的私有字段。您可以在 MDN 上的静态初始化块 中找到有关它们的更多信息。

自定义元素 & Shadow DOM

在 Firefox 92 中,强制性插槽 API 实现了,使开发人员可以更好地控制自定义元素中插槽的分配。Firefox 93 包含对 slotchange 事件的支持,该事件在插槽内的节点更改时触发。

Firefox 93 中还实现了 HTMLElement.attachInternals() 方法。它返回一个 ElementInternals 实例,允许控制 HTML 元素的内部功能。还添加了 ElementInternals.shadowRoot 属性,这意味着开发人员可以访问元素的影子根,即使他们自己没有创建该元素。

如果您想了解更多关于自定义元素和 Shadow DOM 的信息,请查看 MDN 上的主题指南

其他亮点

还有一些值得注意的功能,包括

关于 Ruth John

Ruth John 在 Mozilla 工作,担任技术作家。她是 MDN 团队的新成员,热衷于 Web 技术,不仅喜欢撰写相关内容,还喜欢用它们来构建演示。

Ruth John 的更多文章...


3 条评论

  1. Thomas

    这里是否有拼写错误,在“synthesis”中?

    “支持 font-sythesis 属性。”

    2021 年 10 月 9 日 凌晨 00:32

    1. Ruth John

      是的 - 谢谢 Thomas!已更新 :)

      2021 年 10 月 11 日 上午 08:19

  2. Abayomi Oyewumi

    很高兴看到 Firefox 始终保持领先地位。
    你们应该得到更多的掌声

    2021 年 10 月 19 日 下午 14:37

本文的评论已关闭。