Firefox 92 版本回顾

发布时间过得真快!这个月我们更新了不少 CSS 功能,还有针对 JavaScript 的新 Object.hasOwn() 静态方法。

这篇文章只提供了一些亮点;要了解更多详情,请查看以下内容:

CSS 更新

一些 CSS 功能已经从偏好设置中移出,现在默认可用:accent-colorsize-adjust.

accent-color

accent-color CSS 属性设置元素的强调色。强调色出现在诸如复选框或单选按钮等元素中。它的默认值为 auto,表示一个 UA 选择的颜色,应该与平台的强调色相匹配。您也可以指定一个颜色值。 在此了解有关 accent-color 属性的更多信息

size-adjust

@font-facesize-adjust 描述符接受一个百分比值,该值用作字形轮廓和度量的倍数。它是 CSS 工具箱中用于控制字体的另一个工具,它可以帮助在相同字体大小下渲染时协调各种字体的设计。 在 MDN 的 size-adjust 描述符页面上查看一些示例

还有更多…

除了这两项之外,break-inside 属性现在支持 avoid-pageavoid-column 值,font-size-adjust 属性接受两个值,而且如果还不够的话,font-family 属性现在支持 system-ui 作为通用字体家族名称。

MDN 上的 break-inside 属性

MDN 上的 font-size-adjust 属性

MDN 上的 font-family 属性

Object.hasOwn 到达

JavaScript 中的一个不错的补充是 Object.hasOwn() 静态方法。如果指定属性是对象的直接属性(即使该属性的值为 nullundefined),它将返回 true。如果指定属性是继承的或未声明的,则返回 false。与 in 运算符不同,此方法不会检查对象原型链中的指定属性。

Object.hasOwn()Object.hasOwnProperty() 更推荐,因为它适用于使用 Object.create(null) 创建的对象以及覆盖了继承的 hasOwnProperty() 方法的对象。

在 MDN 上阅读有关 Object.hasOwn() 的更多信息

关于 Ruth John

Ruth John 在 Mozilla 担任技术作家。她是 MDN 团队的新成员,非常喜欢 Web 技术,不仅喜欢写关于它们的文章,也喜欢用它们构建演示。

Ruth John 的更多文章…


2 条评论

  1. John

    太棒了!谢谢!

    2021 年 9 月 14 日 下午 7:27

  2. Youdon Tneedthat

    accent-color css 非常酷!

    2021 年 9 月 22 日 上午 2:50

本文章的评论已关闭。