浏览器事件循环可视化
通过可视化理解调用栈、微任务与宏任务的调度顺序,以及渲染机会
开始演示
重置
1. 同步任务
2. 安排微任务
3. 执行微任务
4. 安排宏任务
5. 执行宏任务
6. 渲染机会
下一步
当前步骤:
0
点击“开始演示”
调用栈 (Call Stack)
执行日志
等待执行...
微任务队列 (Microtasks)
宏任务队列 (Macrotasks)
对应代码