script的三种加载模式

  1. 默认加载:阻断dom树构建(html文档解析),下载资源,然后立即执行,完毕后再进行dom树构建
  2. defer 加载:下载照旧,但执行延后。即下载资源和dom构建同时进行,但等dom树构建完再执行
  3. async:下载完就立即执行,适合没有依赖的脚本。即构建dom和资源下载同时进行,资源下载完毕后立即执行。
defer和async区别:defer是等构建完dom树再执行,async是下载完就立即执行。两者在下载时都不会阻断dom树构建,而默认模式下载会阻断dom构建。所以依赖dom的适合用defer,不依赖dom的可以用async
相关推荐
Carlos_sam19 分钟前
OpenLayers:封装一个自定义罗盘控件
前端·javascript
前端南玖28 分钟前
深入Vue3响应式:手写实现reactive与ref
前端·javascript·vue.js
wordbaby1 小时前
React Router 双重加载器机制:服务端 loader 与客户端 clientLoader 完整解析
前端·react.js
itslife1 小时前
Fiber 架构
前端·react.js
3Katrina1 小时前
妈妈再也不用担心我的课设了---Vibe Coding帮你实现期末课设!
前端·后端·设计
hubber1 小时前
一次 SPA 架构下的性能优化实践
前端
markyankee1012 小时前
HTML基础标签完全指南:新手快速入门,老手夯实基础
html
可乐只喝可乐2 小时前
从0到1构建一个Agent智能体
前端·typescript·agent
Muxxi2 小时前
shopify模板开发
前端
Yueyanc2 小时前
LobeHub桌面应用的IPC通信方案解析
前端·javascript