Notes
← All notes
·frontend·18 min

瀏覽器內核:event loop、microtask、渲染管線三題串一線

資深前端面試把 event loop、microtask queue、渲染管線串成一條線——理解這條線就能秒答「為什麼 setTimeout(0) 不是 0」、「Promise.then 為什麼比 setTimeout 早」、「rAF 跟 setTimeout 差在哪」。內部使用。

#browser#event-loop#microtasks#rendering#raf#interview-prep#面試系列#private

問「await 之後的程式碼什麼時候跑」、「setTimeout(0) 為什麼不是 0」、「Promise.then 跟 setTimeout 為什麼順序怪怪」——這三題都在問同一件事:你懂不懂 event loop、microtask、渲染管線怎麼交織。資深前端的標準答案不是「我用過 Promise」而是「我能畫出一個 tick 裡的執行順序」。這篇把三個概念串成一條線。