NextTick 是做什么到权她?
來自 Vue 官網(wǎng)講述: 在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)虹茶。在修改數(shù)據(jù)之后立即使用這個方法,獲取更新后的 DOM隅要。
宏任務(wù)有那些
setTimeout
I/O
setInterval
setImmediate
主線程
MessageChannel
微任務(wù)有那些
Promise 系列 .then .catch .finally
process.nexttick
MutationObserver
執(zhí)行流程
執(zhí)行流程就是
宏任務(wù) 檢測 setImmediate ----- 不能 ----> 降級 MessageChannel ------不能-----> 降級 setTimeout
微任務(wù) Promise ---- 不能 ---> 微任務(wù)注冊微宏任務(wù)
主線程更新前 ---> 遇到宏任務(wù)或微任務(wù) ---> 放入棧 ---> 主線程執(zhí)行完成蝴罪,更新完成 ----> 執(zhí)行棧 ---- > 獲取更新后的dom