验证:当 transform 混合了触发重排的属性(如 width)时,是否还能在阻塞中运行?
只操作 transform,主线程卡死时它【不会停】。
同时操作 transform 和 width,主线程卡死时它【会停】。
完全依赖主线程,必停。
涉及重排,必停。
浏览器就像一家工厂。**合成器线程**是专门负责搬运和旋转箱子的工人;而**主线程**是负责测量尺寸并制造箱子的工程师。
交互式 CSS Flexbox 学习工具,提供可视化演示
交互式 CSS Grid 学习工具,提供可视化演示
验证当 transform 混合了触发重排的属性时的渲染阻塞现象
Explore all tools