AI 摘要：本期探讨了前端技术的最新进展，包括 CSS 自定义 <select> 菜单、更柔和的文本下划线样式、新的 command 和 commandfor 属性，以及 scheduler.yield() 方法优化任务调度。此外，还介绍了流体排版（fluid typography）的改进思路、高延迟环境下的性能优化策略，以及 Chrome 用户体验报告中新增的往返时间（RTT）指标。

1. 新交互属性：command 与 commandfor
• 替代 popovertargetaction 和 popovertarget，无需 JavaScript 即可触发浏览器内置行为，提升按钮交互的可访问性（如自动关联 aria-expanded）。
• 推荐阅读 Keith Cirkel 的技术解析及他在二月份伦敦 Web 标准聚会上的演讲

2. 链接样式优化方案：Chris Coyier 对经典的蓝色链接进行了改进 ，提出通过 currentColor 和透明度调整下划线，平衡可识别性与阅读流畅性。

3. 完全可定制的 <select> 元素
• Chrome 135+ 支持通过 CSS 定制下拉菜单的所有组件（包括选项图标），并支持嵌入 HTML 内容（如图片）。
• Adam Argyle 总结了您需要了解的有关可自定义 <select> 及其提供的创意可能性的所有信息

4. 高延迟环境优化策略：Chrome 用户体验报告新增 RTT（往返时间）指标，Harry Roberts 提供应对高延迟的实践建议：协议优化、缓存策略等。

5. 流体排版再思考：Miriam Suzanne 指出当前 clamp() 方案的局限性，主张以用户默认字体大小为基准，避免“魔法数字”计算。

6. Web 平台开发速查表
• Patrick Brosset 整理浏览器新特性追踪与开发者参与标准制定的速查表，它重点介绍了如何追踪可用的功能、浏览器的新功能，以及如何通过发表自己的意见来影响平台的开发。

7. 任务调度优化：scheduler.yield()
• 新的 scheduler.yield() 方法 可以帮助我们分解长任务，从而消除在返回主线程和完成任务之间出现延迟的风险
• 优先执行现有任务而非新建任务，减少主线程阻塞（需注意 Chromium 浏览器兼容性）。
• 该 API 目前仅适用于基于 Chromium 的浏览器，因此如果您决定使用它，则需要为其他浏览器提供回退功能。

Chrome for Developers

Introducing command and commandfor  |  Blog  |  Chrome for Developers

Learn about the new capabilities for declarative behavior on buttons.