前端性能指标 Core Web Vitals 全解（LCP、INP、CLS 阈值与优化实践）
系统解读 LCP/INP/CLS 的判定阈值与优化路径，并给出可验证的实践方法。
前端框架
前端监测：OpenTelemetry 与 Web Vitals 的上报与采样
"介绍在浏览器端使用 OpenTelemetry 进行 RUM 监测与 Web Vitals 上报的方法，结合采样策略与导出管道的工程实践。"
实时通信选型：WebRTC DataChannel 与 WebTransport
"比较 WebRTC 数据通道与 WebTransport 的传输语义与架构差异，说明 P2P 与客户端-服务器的适用场景，并给出选型建议与参考。"
微前端架构：Module Federation与Web Components选型
对比两种主流微前端落地方案的特性与约束，给出在团队规模、依赖管理与交付策略下的选型建议。
Trusted Types强制与DOM Sink治理（createPolicy/严格模式）最佳实践
通过CSP启用Trusted Types严格模式并统一Policy治理，限制危险DOM Sink的字符串写入，系统性降低XSS风险。
Next.js 15 Priority Hints 与 fetchpriority 资源调度实践 链接预取-图片脚本优先级
使用 Priority Hints 与 fetchpriority 优化关键资源调度，在 Next.js 15 中通过 link 预取、图片优先级与连接预热降低 LCP 并稳定导航体验。
CSS @property 自定义属性注册与动画可组合性实践
使用 `@property`/`CSS.registerProperty` 为自定义属性声明语法、初始值与继承规则，让其可参与动画插值与合成，提升主题与状态驱动能力。
CSS Cascade Layers 样式分层与冲突治理实践
使用 CSS Cascade Layers 对样式进行分层，稳定管理优先级与覆盖关系，降低特异性战争并提升设计系统的可维护性。
模块路径管理：Import Maps 的作用与部署
"解释 Import Maps 在浏览器中为 ES Modules 提供路径映射与别名的作用，介绍 的用法与部署注意，并给出兼容性与最佳实践。"
滚动驱动动效：ScrollTimeline 与 ViewTimeline 实战
"介绍滚动驱动动效的 CSS/WAAPI 方案，解释 ScrollTimeline 与 ViewTimeline 的语法与用法，给出工程实践与性能注意及权威参考。"
