CSS Scroll Snap 滚动捕捉与轮播交互实践
使用 CSS Scroll Snap 构建无需 JS 的滚动捕捉与轮播交互，验证在移动端的性能与可访问性并提供降级策略。
交互
CSS has() 选择器在组件状态驱动与交互场景中的应用
使用 CSS :has() 进行父子、兄弟关系的状态驱动样式控制，实现无需 JS 的交互联动与组件状态管理，并验证兼容性与性能影响。
HTML inert 属性 模态背景不可交互与焦点管理实践
通过 HTML 全局属性 `inert` 禁用背景区域交互，配合可访问性与焦点陷阱实现可靠的模态体验，并验证跨浏览器支持与行为细节。
Web Animations API 与性能优化：合成层动画、交互时间线与降载策略
使用 Web Animations API 构建高性能动画，优先合成层属性与交互时间线，结合降载策略与监控，提供可验证的帧率与时延指标
Web Vitals INP 输入延迟优化 与交互响应治理实践 PerformanceObserver
以 PerformanceObserver 监测交互事件时长，定位并优化 INP 输入延迟瓶颈；结合任务切分、样式稳定与数据请求治理，提升整体交互响应质量。
Popover API 原生弹层：无框架交互与可访问性
介绍 Popover API 的使用与可访问性特性，利用原生定位与状态管理实现可靠的弹层交互并减少 JS 复杂度。
Popover API 原生弹出层交互与可访问性治理
基于原生 Popover API 构建弹出层交互与可访问性方案，验证用户激活、焦点管理与兼容回退。
HTML Popover API：无样式弹出层与交互实践
使用原生 Popover API 实现轻量弹出层，涵盖 auto/manual 模式、触发器绑定与可访问性注意事项。
Popover API 原生弹出层无障碍与交互治理实践
使用原生 Popover API 构建可访问的弹出层，规范交互与状态管理并验证键盘与读屏兼容性。
