File System Access API 文件读写与权限管理：安全提示、持久句柄与性能
使用 File System Access API 在浏览器端实现安全的文件读写与目录访问，覆盖权限提示、持久句柄与性能策略，提供可验证的稳定性与吞吐指标
Web开发
Import Maps 浏览器原生依赖管理：模块映射、版本治理与安全实践
使用 Import Maps 在浏览器端进行原生依赖管理，覆盖模块映射与版本治理、兼容性与安全实践，提供可验证的体积与维护指标
IntersectionObserver 与虚拟列表性能优化：可见性检测、回收与占位策略
使用 IntersectionObserver 构建高效虚拟列表，实施可见性检测、项回收与占位策略，显著降低渲染与内存开销，并提供可验证的滚动与帧率指标
MediaSource Extensions（MSE）流媒体播放优化：缓冲管理、码率自适应与指标验证
使用 MediaSource Extensions 构建浏览器端流媒体播放，覆盖 SourceBuffer 管理、分片追加与码率自适应策略，提供可验证的启动时延与重缓冲指标
Monorepo 工程化：pnpm Workspaces 与 Turborepo 构建加速实践
构建高效的 Monorepo 前端工程，使用 pnpm Workspaces 与 Turborepo 实现依赖去重、任务并行与远程缓存，提供可验证的构建加速指标
Navigation API 结构化导航：历史拦截、滚动恢复与表单导航优化
使用 Navigation API 实现结构化的导航拦截与处理，覆盖历史管理、滚动恢复与表单导航优化，提供可验证的交互与性能指标
OpenTelemetry 前端链路追踪：TraceContext、请求关联与性能采集
在前端集成 OpenTelemetry，实现 TraceContext 注入与请求关联、性能与资源采集，并与后端链路打通形成端到端可观测性，含验证指标
Payment Request API 现代支付与安全实践：UI流程、验证与回退策略
使用 Payment Request API 集成现代浏览器支付体验，覆盖支付请求与验证、错误处理与回退策略，提供可验证的转化与时延指标
Permissions Policy 安全头与特性治理：禁用敏感API、第三方约束与指标验证
使用 Permissions Policy（原 Feature-Policy）在站点范围内禁用或限制敏感浏览器特性，治理第三方脚本与嵌入内容，提供可验证的风险降低与兼容性指标
Popover API 锚定定位与可访问性：交互触发、锚点定位与验证指标
使用原生 Popover API 构建无障碍的锚定式弹出层，覆盖交互触发、锚点定位与可访问性细节，提供可验证的性能与稳定性指标
Async Clipboard API 富文本复制与粘贴：权限、格式与安全实践
使用 Async Clipboard 实现文本与富文本复制/粘贴，治理权限与安全过滤，并给出经验证的成功率与兼容回退方案。
BFF 架构与前后端协作：接口聚合、边缘加速与一致性治理
构建面向前端的 BFF（Backend for Frontend）层，实现接口聚合、鉴权与边缘加速，结合一致性与缓存治理，提供可验证的延迟与稳定性指标
BroadcastChannel 跨标签页通信：会话同步、主选举与冲突治理
使用 BroadcastChannel 实现跨标签页通信与会话同步，构建主选举与冲突治理方案，提升多标签协作的稳定性与用户体验
Content Security Policy（CSP）实战：脚本隔离、资源白名单与违规上报
以生产可用的方式部署 CSP，覆盖脚本隔离、资源白名单配置、nonce/hash 策略与违规上报，实现高强度前端安全防护
Core Web Vitals 进化：INP 优化、输入延迟与交互稳定性实践
聚焦 Core Web Vitals 新指标 INP，从采集与分析到优化策略，系统化降低输入延迟并提升交互稳定性，提供可验证的用户体验指标
