Javascript 使用requestAnimationFrame在动画帧的开头调度任务

Javascript 使用requestAnimationFrame在动画帧的开头调度任务,javascript,performance,google-chrome,google-chrome-devtools,requestanimationframe,Javascript,Performance,Google Chrome,Google Chrome Devtools,Requestanimationframe,我正在使用requestAnimationFrame计划dom操作。为什么任务几乎在每帧结束时执行 任务通常有点长,并且与下一帧重叠。是否有办法确保任务计划在动画帧的开头开始 这是完整的代码-很明显,垂直线显示了画框的时间。如果放大,你会在代码块的开头看到帧开始微块:它很早就被绘制了,因为没有其他可以更改帧的计划。我在时间线的任何地方都找不到帧开始微块。显然,垂直线显示了帧的绘制时间。如果放大,您将在代码块的开始处看到帧开始微块:它很早就绘制了,因为没有其他计划可以更改帧。我在时间线中的任何位

我正在使用
requestAnimationFrame
计划dom操作。为什么任务几乎在每帧结束时执行

任务通常有点长,并且与下一帧重叠。是否有办法确保任务计划在动画帧的开头开始


这是完整的代码-

很明显,垂直线显示了画框的时间。如果放大,你会在代码块的开头看到
帧开始
微块:它很早就被绘制了,因为没有其他可以更改帧的计划。我在时间线的任何地方都找不到
帧开始
微块。显然,垂直线显示了帧的绘制时间。如果放大,您将在代码块的开始处看到
帧开始
微块:它很早就绘制了,因为没有其他计划可以更改帧。我在时间线中的任何位置都找不到
帧开始
微块。