reflow、repaint 与 transform 为何高效
回流与重绘分别对应布局树与绘制指令的重新计算,以及为何 transform 动画大多不拖累渲染主线程。
#browser #rendering #performance
阅读全文 前端
共 4 篇文章
回流与重绘分别对应布局树与绘制指令的重新计算,以及为何 transform 动画大多不拖累渲染主线程。
从 HTML 解析到 GPU 上屏,详解渲染主线程与合成线程分工,以及 DOM 树、布局树、图层与位图如何串联成流水线。
禁用原生滚动,用 wheel 与 touch 驱动 prev/cur/next 三屏窗口,mask 高度动画与 rAF lerp 实现无限视差切屏。
用 Canvas 递归分形画随机树,LCG 伪随机保证可复现,点击换一棵,并适配高清屏 DPR。