WIBLOG · Technological & Life

聊技术,也聊那些值得认真琢磨的生活小事。

160篇文章6个内容分类
RECENT NOTES

最近更新

查看归档

CSS 动画与合成器提升:为什么 transform 和 opacity 动画不触发重排

本文以首屏轮播图为例,解释浏览器如何将 transform 和 opacity 动画提升到合成器线程,避免主线程的布局与绘制。通过对比修改 width/left 与 transform 的渲染路径,说明合成层的创建条件、层爆炸风险及性能影响,帮助前端开发者做出合理的动画性能优化决策。

OffscreenCanvas 如何将 Canvas 渲染移出主线程:Worker 中的绘制与合成

本文以实时数据可视化场景为例,解析 OffscreenCanvas 如何在 Web Worker 中执行 Canvas 绘制,通过 transferable 对象避免主线程阻塞,并分析其与合成器线程的交互。文章对比主线程 Canvas 与 OffscreenCanvas 的性能差异,讨论浏览器支持、调试限制及适用边界,帮助开发者判断何时值得迁移渲染逻辑。

查看全部文章 ↗