Declarative Shadow DOM 与可组合组件封装实践
基于 Declarative Shadow DOM 在服务端直出可封装组件结构，提升可组合性与可访问性，并与传统 Shadow DOM 与框架集成进行验证与对比。
实践
CSS Scroll Snap 连续滚动与卡片吸附体验实践
使用 CSS Scroll Snap 构建卡片吸附与分页滚动效果，替代复杂的 JS 计算并提升移动端交互稳定性与性能。
CSS scrollbar-gutter 与滚动条占位布局稳定性实践
使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性，避免首次滚动引发的内容跳动并提升核心指标（LCP/Cumulative Layout Shift）。
WebCrypto 加密存储实践：IndexedDB 与 OPFS
`title: WebCrypto 加密存储实践：IndexedDB 与 OPFS``categories: Web 开发/前端/数据管理``keywords: WebCrypto,SubtleCrypto,AES-GCM,加密,密钥管理,IndexedDB,OPFS``description: 使
WebCrypto RSA-OAEP 密钥包裹与文件加密协作实践
使用 RSA-OAEP 包裹 AES 密钥并进行文件加密，实现分享时的安全密钥分发与本地解密。
WebCrypto HKDF 会话密钥派生与短期加密实践
使用 HKDF 从共享秘密派生会话密钥并执行短期加密，提升传输与本地存储的安全性与可撤销性。
File System Access 选择器类型过滤与批量安全导入实践
在打开选择器中使用类型过滤并进行二次 MIME 校验，批量导入到 OPFS，确保安全与一致性。
CSS color-mix 主题梯度与色彩治理实践 OKLCH
使用 CSS color-mix 在 OKLCH 空间构建主题梯度与配色治理，统一品牌色、悬停与禁用态，提升视觉一致性与可维护性。
Service Worker Cache Storage stale-while-revalidate 与资源-API 协同实践
使用 Service Worker 的 Cache Storage 实现 stale-while-revalidate 模式，为静态资源与 API 提供快速响应与后台更新，提升弱网与移动端体验。
Web Performance API 深度实践：Navigation/Resource Timing、PerformanceObserver 与指标采集
系统化使用 Web Performance API 进行性能采集与分析，覆盖导航/资源时序、PerformanceObserver 监听与核心指标汇报，提供可验证的优化闭环
