发布时间过得真快!这个月我们更新了不少 CSS 功能,还有针对 JavaScript 的新 Object.hasOwn()
静态方法。
这篇文章只提供了一些亮点;要了解更多详情,请查看以下内容:
CSS 更新
一些 CSS 功能已经从偏好设置中移出,现在默认可用:accent-color
和 size-adjust.
。
accent-color
accent-color
CSS 属性设置元素的强调色。强调色出现在诸如复选框或单选按钮等元素中。它的默认值为 auto
,表示一个 UA 选择的颜色,应该与平台的强调色相匹配。您也可以指定一个颜色值。 在此了解有关 accent-color 属性的更多信息。
size-adjust
@font-face
的 size-adjust
描述符接受一个百分比值,该值用作字形轮廓和度量的倍数。它是 CSS 工具箱中用于控制字体的另一个工具,它可以帮助在相同字体大小下渲染时协调各种字体的设计。 在 MDN 的 size-adjust 描述符页面上查看一些示例。
还有更多…
除了这两项之外,break-inside
属性现在支持 avoid-page
和 avoid-column
值,font-size-adjust
属性接受两个值,而且如果还不够的话,font-family
属性现在支持 system-ui
作为通用字体家族名称。
Object.hasOwn 到达
JavaScript 中的一个不错的补充是 Object.hasOwn()
静态方法。如果指定属性是对象的直接属性(即使该属性的值为 null
或 undefined
),它将返回 true
。如果指定属性是继承的或未声明的,则返回 false
。与 in
运算符不同,此方法不会检查对象原型链中的指定属性。
Object.hasOwn()
比 Object.hasOwnProperty()
更推荐,因为它适用于使用 Object.create(null)
创建的对象以及覆盖了继承的 hasOwnProperty()
方法的对象。
在 MDN 上阅读有关 Object.hasOwn() 的更多信息
关于 Ruth John
Ruth John 在 Mozilla 担任技术作家。她是 MDN 团队的新成员,非常喜欢 Web 技术,不仅喜欢写关于它们的文章,也喜欢用它们构建演示。
2 条评论