<template>
<div>
为什么了解执行的顺序和时机? 可以判定使用什么函数去处理代码;
比如:你需要再dom渲染之前做好逻辑处理,等待dom渲染完毕后,展示于页面,此时必用微任务方式处理,必正确;反之需要获取dom的操作就需要采用宏任务的相关代码去包裹处理函数,才不至于获取不到元素而报错!!!
****宏任务*****/ // setTimeout、setInterval、AJAX、DOM事件 1.
script中全部代码(整体); 2. DOM操作; 3. 用户交互操作; 4.
所有的网路请求; 5. 定时器相关的 setTimeout、setInterval 等;
****微任务*****/ // Promise、async/await 1.
Promise中的then、catch、finally; 2.MutationObserver(监视 DOM 变动的API)
;参考MDN 3. Process.nextTick(Node环境,通常也被认为是微任务);
</div>
</template>
<script>
import axios from "axios";
export default {
name: "name"
微任务dom(await,promise,axios接口)渲染宏任务执行顺序2
于 2024-09-27 17:33:12 首次发布