requestAnimationFrame 与时间 | 星雨笔录

使用 requestAnimationFrame 驱动逐帧更新。

核心: requestAnimationFrame 通常在浏览器下一次绘制前执行,适合逐帧更新视觉状态。

最小示例:

function frame(time) {
  box.style.transform = `translateX(${time / 20 % 200}px)`;
  requestAnimationFrame(frame);
}
requestAnimationFrame(frame);

学完能做: 使用 requestAnimationFrame 驱动逐帧更新。