Web 周刊 #199 (#blogPost)
内容提要
《Web Weekly》第199期涵盖多项前端动态：讨论深浅色模式切换争议，介绍CSS类前缀选择器与progress()函数，提醒设置密码修改的well-known URL，汇报Interop 2026进展及2027提案征集，并分享模块解析、HTML新元素、AI话题等资源，鼓励开发者参与社区贡献。
延伸解读
深浅色切换的争议焦点
Lea Verou 认为访客只在环境不适时使用深色模式切换，因此建议只提供系统偏好和相反选项，以简化逻辑。Bramus 则强调可预测性，认为图标应明确表示含义。这场讨论反映了开发者对用户体验的不同理解，但作者指出普通用户可能并不在意这些细节。
Interop 2026 进展与参与机会
Interop 2026 正在推进，Chromium 已接近完成承诺，Firefox 和 Safari 稍显落后。开发者可通过 GitHub 为 Interop 2027 提议关注领域，参与平台互操作性的改进。这是社区驱动标准化的机会，值得关注。
新 CSS 与 HTML 特性前瞻
CSS 工作组提出类前缀选择器（.prefix-*），简化类名选择，但引发争议。progress() 函数随 Firefox 155 成为 Baseline 新可用。HTML 新增 <geolocation>、<usermedia> 等元素，虽多为 Chromium 专属，但预示着平台扩展方向。
模块解析与性能监控提醒
文章提醒开发者注意 CommonJS 与 ESM 模块解析的差异，如 live bindings 和 import hoisting。同时，建议为 SaaS 产品设置 /.well-known/change-password 以方便密码管理器。性能监控方面，Server-Timing 头可帮助追踪后端耗时。
Q&A
Lea Verou 对网站深色模式切换按钮有什么看法？
Lea Verou 认为网站访客通常不关心深色模式切换按钮，只有在某些设置不对时才会使用它。她建议切换按钮只提供两个选项：跟随系统偏好（显示为深色或浅色）和相反模式。如果用户选择与系统不同的模式，就存储该偏好；如果与系统一致，则无需存储；当用户切回系统设置时，清除偏好。
Bramus 对深色模式切换按钮的设计有什么不同意见？
Bramus 认为设计这类控件时，主要目标应该是让用户感到可预测。他指出，一个太阳图标实际上代表“系统偏好”可能会让用户困惑，尤其是那些真正关心深色和浅色模式的用户。因此，他倾向于提供更明确的选项。
CSS 类前缀选择器是什么？它有什么用途？
CSS 类前缀选择器（.prefix-*）是 CSS 工作组提出的一种新选择器，用于选择具有特定前缀的类名。例如，.prefix-* 可以匹配 btn-primary、btn-secondary 等所有以 btn- 开头的类。这可以简化样式编写，但也有一些开发者对此持怀疑态度。
什么是 /.well-known/change-password URL？为什么需要设置它？
/.well-known/change-password 是一个标准的 well-known URL，用于让密码管理器快速找到修改密码的页面。如果你的 SaaS 产品需要登录，建议定义这个 URL，这样密码管理器就能提供快捷的密码修改功能，提升用户体验。
Interop 2026 的进展如何？开发者如何参与 Interop 2027 的提案？
Interop 2026 正在进行中，Chromium 领先，几乎完成了所有承诺，Firefox 和 Safari 也紧随其后。开发者可以在 GitHub 上为 Interop 2027 提交关注领域提案，参与决定明年要重点改进的 Web 功能。
microlighter 项目是什么？它有什么特点？
microlighter 是一个自定义元素，通过单个导入即可在网页上实现彩色代码高亮，无需使用 span 标签。它利用 CSS Custom Highlight API 来高亮代码块，简化了代码高亮的实现。
CommonJS 和 ESM 模块解析有哪些常见陷阱？
文章提到了一篇关于模块解析的帖子，它比较了 CommonJS 和 ESM 模块，并介绍了 live bindings、import hoisting 等概念，帮助开发者理解模块内部机制，避免常见错误。
文章提到了哪些新的 HTML 元素？它们有什么用途？
文章提到了 <geolocation>、<usermedia>、<install> 等新 HTML 元素，这些元素大多仅在 Chromium 中支持，但代表了 Web 平台的发展方向。例如，<geolocation> 用于地理定位，<usermedia> 用于访问用户媒体设备。
Server-Timing HTTP 头有什么作用？
Server-Timing HTTP 头允许服务器将后端处理时间信息发送到前端，开发者可以通过 PerformanceObserver 在浏览器中获取这些时间数据，从而监控服务器端性能。
如何避免环境变量进入 shell 历史记录？
在命令前加一个空格可以避免该命令进入 shell 历史记录，这对于包含敏感环境变量的命令很有用。
