不懂就问系列 requestAnimationFrame requestIdleCallback 先后执行顺序

Question

requestAnimationFrame 和 requestIdleCallback 执行顺序怎么确定？哪个先执行哪个后执行？

requestAnimationFrame

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行

https://developer.mozilla.org...

requestIdleCallback

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作，而不会影响延迟关键事件，如动画和输入响应。函数一般会按先进先调用的顺序执行，然而，如果回调函数指定了执行超时时间timeout，则有可能为了在超时前执行函数而打乱执行顺序。

https://developer.mozilla.org...

Answer 1

https://segmentfault.com/a/1190000022770549