Focus-visible 焦点可见与键盘导航可访问性治理实践
通过 focus-visible 针对键盘用户显示焦点样式，兼顾鼠标与触控交互一致性，验证跨浏览器的可访问性与回退策略。
工程实践
Priority Hints 与资源加载优先级优化实践
通过 Priority Hints 的 `fetchpriority` 参数优化关键资源加载顺序，结合 preload 与懒加载策略，验证 LCP/INP 指标的改善。
Scroll-driven Animations 滚动驱动动画与时序控制实践
使用 Scroll-driven Animations 将滚动位置映射为动画进度，结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。
text-wrap: balance 标题排版优化与可读性提升实践
使用 `text-wrap: balance` 为多行标题进行更均衡的断行布局，提升可读性与视觉稳定性，并验证兼容性与性能影响。
动态视口单位 svh/lvh/dvh 移动端可视高度适配实践
使用 `svh/lvh/dvh` 动态视口单位精准适配移动端浏览器工具栏与软键盘变化，避免布局跳动并提升交互稳定性。
原生 dialog 对话框体系与可访问性实践
基于原生 dialog 元素构建对话框体系，完善焦点管理与遮罩控制，提供一致的 A11y 与降级方案。
WebCodecs 编解码与帧管线：VideoDecoder/ImageDecoder 性能实践
使用 WebCodecs 构建高性能视频与图像编解码管线，覆盖解码、渲染与与回退策略，并给出经验证的帧率与延迟指标。
Webpack→Rspack 迁移指南与注意事项
引言Rspack 1.x 设计与 Webpack v5 兼容，提供更快的构建性能与现代优化能力；官方给出针对 Webpack 的迁移指南与验证模式。迁移要点（已验证）配置验证：Rspack 默认启用严格验证以确保产物一致；可通过 `RSPACK_CONFIG_VALIDATE=loose` 启用宽松
Window Controls Overlay：自定义标题栏与安全区适配
在支持的平台上启用 Window Controls Overlay，自定义应用标题栏区域并根据安全区变量适配布局，提升桌面端体验。
