天天看點

js異步加載檔案-defer async type=module

defer

  • 等到Dom全部加載渲染完後,GUI渲染線程這個時候會中斷,javascript引擎線程執行加載js檔案;
  • 多個defer标記的js檔案,則按照引入檔案先後順序執行;

async

  • 在其他js檔案加載完,中斷javascript引擎線程,事件觸發線程執行加載async标記的js檔案,最後GUI渲染線程渲染DOM;

type=module

  • 等同于

    defer

**注意:**三個常駐線程(js引擎線程,GUI渲染線程和事件觸發線程)之間互斥執行;

繼續閱讀