专栏名称: 奇舞精选
《奇舞精选》是由奇舞团维护的前端技术公众号。除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送汇总周刊内容。
目录
今天看啥  ›  专栏  ›  奇舞精选

Chrome 129:正式推出原生的 “时间切片” 能力!

奇舞精选  · 公众号  · 前端  · 2024-10-10 18:00
    

主要观点总结

本文主要介绍了Chrome 129版本的更新内容,包括Web API的scheduler.yield()、Intl.DurationFormat、CSS的interpolate-size属性和calc-size()函数以及锚点定位的变更。文章详细解释了这些更新内容的用途、优势以及可能的影响。

关键观点总结

关键观点1: Web API的scheduler.yield()的作用和优势

scheduler.yield()可以将耗时较长的任务分解为较小的任务块,通过明确返回主线程来提高响应能力。它的主要优势是延续性,确保任务执行的顺序。

关键观点2: Intl.DurationFormat的作用

Intl.DurationFormat支持一种新的格式化持续时间的方法,并支持多种语言环境。

关键观点3: CSS的interpolate-size属性和calc-size()函数的作用

interpolate-size属性可以实现新的动画效果,当使用内置的尺寸关键词时,之前是无法实现的。calc-size()函数类似于calc(),可以对一个内在尺寸关键词进行操作。

关键观点4: CSS锚点定位的变更

CSS锚点定位在Chrome 125中已经实现,但在CSS工作组内部讨论后,规范实现有所更改。包括名称更改(inset-area更名为position-area,position-try-options更名为position-try-fallbacks)和函数语法变更(inset-area()函数语法从position-try中移除了)。


免责声明

免责声明:本文内容摘要由平台算法生成,仅为信息导航参考,不代表原文立场或观点。 原文内容版权归原作者所有,如您为原作者并希望删除该摘要或链接,请通过 【版权申诉通道】联系我们处理。

原文地址:访问原文地址
总结与预览地址:访问总结与预览
推荐产品:   推荐产品
文章地址: 访问文章快照