CSS View Transitions 同文档过渡：快照捕获与动画机制解析
本文以 React 路由切换为例，解析 View Transitions API 在同文档（SPA）中如何捕获新旧状态快照，通过伪元素树与渲染隔离实现平滑动画。对比传统 CSS/JS 动画方案，说明其合成器线程性能优势、适用边界及回退策略。
#渲染性能
共 4 篇文章
OffscreenCanvas 如何将 Canvas 渲染移出主线程：Worker 中的绘制与合成
本文以实时数据可视化场景为例，解析 OffscreenCanvas 如何在 Web Worker 中执行 Canvas 绘制，通过 transferable 对象避免主线程阻塞，并分析其与合成器线程的交互。文章对比主线程 Canvas 与 OffscreenCanvas 的性能差异，讨论浏览器支持、调试限制及适用边界，帮助开发者判断何时值得迁移渲染逻辑。
CSS content-visibility 如何跳过离屏渲染：长商品列表滚动不再卡顿的机制与边界
本文以长商品列表为例，解析 content-visibility 如何通过布局、样式、绘制包含与交集观察跳过离屏元素的渲染，从而降低初始渲染与滚动时的布局绘制成本。同时说明它与 contain 的区别、auto 的失效条件、对滚动条和可访问性的影响，以及何时应该使用。
CSS Containment 如何隔离布局与绘制以提升渲染性能
本文以长列表商品页为贯穿场景，解析 CSS contain 属性中 layout、paint、size 等值的隔离机制，说明它们如何缩小样式、布局与绘制的计算范围，并对比 content-visibility 的异同，帮助你在实际项目中做出正确的性能优化决策。