从一次页面卡顿排查讲清 requestAnimationFrame 与 setTimeout 的本质区别

一个后台管理页面在滚动时明显掉帧，尤其是表格数据多的时候。用 Chrome Performance 录制后发现，滚动事件处理函数里用了 setTimeout 做节流，间隔设为 16ms，期望达到 60fps。但实际帧率波动很大，主线程上 setTimeout 回调经常和渲染任务撞在一起，导致部分帧被跳过。换成 requestAnimationFrame 后滚动顺滑了很多。这个问题背后涉及浏览器事件