返回文章
Mindmap
Event Loop
Event Loop
浏览器
宏任务
setTimeout
setInterval
MessageChannel
用户事件
微任务
Promise.then
queueMicrotask
MutationObserver
await 后半段
渲染流程
rAF 回调
Style/Layout
Paint/Composite
VSync 同步
Node.js
6 阶段
timers
pending callbacks
poll 核心
check setImmediate
close callbacks
微任务
process.nextTick 最高优先级
Promise.then
框架应用
React Scheduler
Fiber 时间切片
MessageChannel
Vue nextTick
微任务优先
降级策略
性能
帧预算
60Hz 16.67ms
120Hz 8.33ms
优化手段
Web Worker
分片渲染
requestIdleCallback
CSS transform