构建工具选型：Vite与Webpack的取舍
围绕开发体验与生产打包，对比 Vite 与 Webpack 的特性与适配场景。
前端
状态机与 XState 前端实践：可视化状态、并发与持久化
使用 XState 构建可视化且可验证的前端状态机，覆盖并发状态、守卫与动作、持久化与恢复，并提供可验证的稳定性与可维护性指标
前端性能数据上报（PerformanceObserver、FID_INP_CLS 与验证）
使用PerformanceObserver采集FID/INP/CLS等核心指标并通过sendBeacon上报，提供浏览器与服务端验证方法，建立前端性能可观测体系。
Cache API 离线缓存与一致性治理：版本化、失效与冲突解决实践
使用 Cache API 在 Service Worker 中实现离线缓存与版本治理，处理失效与冲突，提升命中率与一致性，并提供验证指标与测试清单。
React Suspense与并发特性：数据加载与占位
利用 Suspense 与并发特性优化数据加载与占位体验，减少不必要的重渲染与抖动。
HTTP 103 Early Hints 链路提速：预热关键资源与风险治理实践
通过 HTTP 103 Early Hints 在服务器准备主响应前下发关键资源线索，实现链路预热与 LCP 优化，并提供服务端配置、兼容回退与经验证的指标。
WebRTC DataChannel 文件传输：分块、可靠性与重试治理实践
使用 WebRTC DataChannel 进行点对点文件传输，实施分块与确认重试机制，提升弱网下的稳定性与成功率，并提供经验证的延迟与吞吐指标。
Cookie安全属性设计：HttpOnly、Secure与SameSite
从 Cookie 的属性与作用域设计入手，降低 XSS/CSRF 风险并明确域与路径边界。
Edge Functions 边缘计算前端实践：就近渲染、个性化与TTFB优化
面向前端的边缘计算实践，从就近渲染与个性化到缓存协同与性能监控，提供生产级可复制方案与指标验证，显著降低首字节时间与提升体验
CSS Subgrid与布局体系治理
利用 CSS Subgrid 构建可复用的布局体系，在嵌套网格中共享轨道与对齐，提升响应式与可维护性。
