requestAnimationFrame
浏览器提供的用于执行动画的 API，通过在下一次重绘前调用回调函数来优化动画性能，确保与显示器刷新率同步。
时间轴 (近 90 天)
用一个rAF循环遍历全部时钟、按performance.now()与上一帧的时间差计算角度或秒数，可把调度开销从O(500)降为O(1)。
setInterval由定时器线程按固定间隔把回调推入任务队列，间隔不精确且每个定时器独立排队；requestAnimationFrame把回调对齐到浏览器显示刷新节奏（通常60Hz，约每16.7ms一次），每帧只执行一次，且在标签页不可见时自动暂停以减少后台功耗。
用setInterval为每个时钟单独驱动会导致500个独立定时器各自排队，回调堆积时事件循环负担可观；更合理的做法是用一个统一的requestAnimationFrame循环驱动全部时钟，按时间差批量更新。
Lumen OS采用环形缓冲区与RAF循环模式：传入的WebSocket数据包被推送到内存队列，不产生React开销；解耦的requestAnimationFrame循环轮询缓冲区并直接将更新绘制到DOM或Canvas，保证浏览器仅以显示器刷新率渲染。
requestAnimationFrame是浏览器提供的帧调度API，把回调对齐到下一次重绘之前执行，在60Hz屏幕上约每16.7毫秒触发一次，并会在标签页隐藏时自动暂停。
生成的 3D 动画在浏览器中稳定运行在 60 帧
逐帧截图需要将页面的 CSS 动画或 requestAnimationFrame 循环「冻结」在指定时刻，否则截图时机与动画状态会对不上
通过 requestAnimationFrame 节流可将多个 token 的更新合并到同一帧统一写入 DOM，减少浏览器布局与重绘次数
requestAnimationFrame 允许开发者将 DOM 更新与浏览器屏幕刷新周期（通常为 60fps，约 16ms 一帧）对齐
主流显示器以60Hz刷新，即每秒60帧，每帧约16.67ms，浏览器的requestAnimationFrame API按此节奏回调
还有 1 条时间轴事件
全部知识事实 (10)
用setInterval为每个时钟单独驱动会导致500个独立定时器各自排队，回调堆积时事件循环负担可观；更合理的做法是用一个统一的requestAnimationFrame循环驱动全部时钟，按时间差批量更新。
50%待验证用一个rAF循环遍历全部时钟、按performance.now()与上一帧的时间差计算角度或秒数，可把调度开销从O(500)降为O(1)。
50%待验证setInterval由定时器线程按固定间隔把回调推入任务队列，间隔不精确且每个定时器独立排队；requestAnimationFrame把回调对齐到浏览器显示刷新节奏（通常60Hz，约每16.7ms一次），每帧只执行一次，且在标签页不可见时自动暂停以减少后台功耗。
50%待验证Lumen OS采用环形缓冲区与RAF循环模式：传入的WebSocket数据包被推送到内存队列，不产生React开销；解耦的requestAnimationFrame循环轮询缓冲区并直接将更新绘制到DOM或Canvas，保证浏览器仅以显示器刷新率渲染。
50%待验证requestAnimationFrame是浏览器提供的帧调度API，把回调对齐到下一次重绘之前执行，在60Hz屏幕上约每16.7毫秒触发一次，并会在标签页隐藏时自动暂停。
50%待验证逐帧截图需要将页面的 CSS 动画或 requestAnimationFrame 循环「冻结」在指定时刻，否则截图时机与动画状态会对不上
50%待验证通过 requestAnimationFrame 节流可将多个 token 的更新合并到同一帧统一写入 DOM，减少浏览器布局与重绘次数
50%待验证requestAnimationFrame 允许开发者将 DOM 更新与浏览器屏幕刷新周期（通常为 60fps，约 16ms 一帧）对齐
50%待验证主流显示器以60Hz刷新，即每秒60帧，每帧约16.67ms，浏览器的requestAnimationFrame API按此节奏回调
50%待验证Particle Studio 使用 requestAnimationFrame（RAF）实现动画的流畅渲染，RAF 会自动与显示器刷新率同步（通常 60Hz）
50%