javascript - requestAnimationFrame 在何时执行
迷茫
迷茫 2017-04-11 13:00:41
[JavaScript讨论组]

requestAnimationFrame 是一个 microtask 还是一个 macrotask

setTimeout(() => {
  console.log('setTimeout')
}, 0)

requestAnimationFrame(() => {
  console.log('requestAnimationFrame')
})

new Promise(r => {
  console.log('promise')
  r()
}).then(() => console.log('then')

如果是一个 microtask, 那么他应该打印 promise requestAnimationFrame then setTimeout

如果是一个 macrotask, 那么他应该打印 promise then setTimeout requestAnimationFrame

但是实际上有两种可能的打印: promise then requestAnimationFrame setTimeoutpromise then setTimeout requestAnimationFrame

难道是它既不是一个 macrotask 也不是 microtask ,但是浏览器会在下一帧开始的时候把它加入到 microtask 队列的最前方

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(1)
PHPz

requestAnimationFrame是一个单回调,和setTimeout差不多

区别是:

setTimeout的时间是你指定的

requestAnimationFrame你不用写时间,它的重绘时间间隔是根据不同浏览器的刷新频率自行脑补的- -所以有严重兼容问题,记得有封装好的处理兼容的函数。

W3C 标准,requestAnimationFrame在浏览器每次刷新页面之前执行(之前是何时?浏览器刷新频率才知道,不归你管)

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号