前端动画性能：CSS、Transform与requestAnimationFrame
通过正确的动画属性与调度机制，减少重排/重绘与主线程阻塞，提升交互与视觉流畅度。
动画
动画可访问性：prefers-reduced-motion 与性能协作
"解释媒体查询 prefers-reduced-motion 的作用，说明在动效与性能上的协作方式，并给出工程实践与参考。"
CSS @property Houdini 变量注册与主题动画实践
使用 CSS @property 为自定义属性提供类型与初始值，使其可动画与过渡，构建更顺滑的主题切换与动态配色方案，提升视觉与工程可维护性。
Scroll-driven Animations 滚动驱动动画与性能治理（2025）
Scroll-driven Animations 滚动驱动动画与性能治理（2025）一、能力与用法animation-timeline：将滚动位置映射为时间轴；驱动关键帧（animation-timeline）。场景：渐入渐出、视差滚动、章节进度指示（视差）。二、性能与降级性能：优先使用合成层与 `
Web Animations API 流畅动画与性能优化实战
通过 Web Animations API 在合成线程运行动画，降低主线程占用，提供可中断、可复用的高性能动画体系。
Web Animations API 与性能优化：合成层动画、交互时间线与降载策略
使用 Web Animations API 构建高性能动画，优先合成层属性与交互时间线，结合降载策略与监控，提供可验证的帧率与时延指标
Scroll-driven Animations 滚动驱动动画与时序控制实践
使用 Scroll-driven Animations 将滚动位置映射为动画进度，结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。
CSS ScrollTimeline-ViewTimeline 滚动驱动动画实践 进度条-元素入场
使用 ScrollTimeline 与 ViewTimeline 构建滚动驱动的进度条与元素入场动画，在不依赖 JS 的前提下实现高性能视觉反馈并保持可访问性退化。
Scroll-driven Animations 与 ViewTimeline 交互动画实践
使用 Scroll-driven Animations 与 ViewTimeline 构建滚动驱动的动画效果，协同性能与可访问性并提供跨浏览器验证与回退方案。
Scroll-Driven Animations 与 ViewTimeline 页面滚动驱动动画实践
使用 Scroll-Driven Animations 与 ViewTimeline 构建滚动驱动的页面动画，提升叙事性与交互体验，并验证对性能与可访问性的影响。
