requestAnimationFrame 与时间 | 星雨笔录
使用 requestAnimationFrame 驱动逐帧更新。
核心: requestAnimationFrame 通常在浏览器下一次绘制前执行,适合逐帧更新视觉状态。
最小示例:
function frame(time) {
box.style.transform = `translateX(${time / 20 % 200}px)`;
requestAnimationFrame(frame);
}
requestAnimationFrame(frame);
学完能做: 使用 requestAnimationFrame 驱动逐帧更新。