主要观点总结
本文主要介绍了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中移除了)。
文章预览
大家好,我是 ConardLi 。 最近 Chrome 发布了 129 正式版本,其中包括了几项值得我们关注的更新,今天一起来学习下。 【Web API】scheduler.yield() JS 执行耗时较长的任务会让浏览器响应用户输入的能力变得更慢,使人觉得网站卡顿,并影响 INP 等关键性能指标。 借助最新推出的 scheduler.yield() ,我们可以将耗时较长的任务分解为较小的任务块,通过明确返回主线程来提高响应能力。 scheduler.yield() 在 Chrome 115 版本开始推出试用版,并在当前版本正式推出稳定版本。 开始试用时写过一篇关于 scheduler.yield() 的详细介绍,感兴趣可看: 浏览器也拥有了原生的 “时间切片” 能力! 直白点讲, scheduler.yield() 的作用就是告诉浏览器: “我即将要做的工作可能需要很长一段时间,如果你需要渲染页面、响应用户输入或有其他更重要多任务,没关系,我可以等
………………………………