UI rendering在事件轮询中的执行顺序

  • Post author:
  • Post category:其他

  1. 先执行同步代码(取出一个宏任务)
  2. –>执行所有微任务 (本轮完毕)
  3. -->UI render
  4. –>执行下一个宏任务 (下轮开始)
  5. –>执行下一个所有微任务 (下轮完毕)
  6. -->UI render-->......
  7. –>执行下一个宏任务 (下下轮开始)

根据HTML Standard,一轮事件循环执行结束之后,下轮事件循环执行之前开始进行UI render。
即:执行完所有的micro-task任务后,再清空micro-task,此时本轮循环结束,开始执行UI render。
UI render完毕之后接着下一轮循环。但是UI render不一定会执行,因为需要考虑ui渲染消耗的性能有没有ui变动


版权声明:本文为yy168888原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。