script的三种加载模式

  1. 默认加载:阻断dom树构建(html文档解析),下载资源,然后立即执行,完毕后再进行dom树构建
  2. defer 加载:下载照旧,但执行延后。即下载资源和dom构建同时进行,但等dom树构建完再执行
  3. async:下载完就立即执行,适合没有依赖的脚本。即构建dom和资源下载同时进行,资源下载完毕后立即执行。
defer和async区别:defer是等构建完dom树再执行,async是下载完就立即执行。两者在下载时都不会阻断dom树构建,而默认模式下载会阻断dom构建。所以依赖dom的适合用defer,不依赖dom的可以用async
相关推荐
想睡懒觉8 小时前
我用 CSS 3D 做了个星空隧道 Loading,没有 Three.js
前端
labixiong8 小时前
transition 写在 CSS 变量上为什么不生效?给变量补张「类型身份证」
前端·css·html
YHL8 小时前
🧠 Agent 记忆进阶:总结压缩与向量检索 —— 从截断到 Milvus 长期记忆
前端·人工智能
YHL8 小时前
🎯 JavaScript 单例模式(Singleton Pattern)—— 从理论到实战
javascript·设计模式
用户921080262869 小时前
前端 Vue 专栏 05:从 Object.defineProperty 到 Proxy,彻底理解 Vue 响应式原理
前端
Fluxart.ai9 小时前
GPT Image 2.5 有使用次数限制吗?额度、并发、频率限制说明
服务器·前端·gpt
程序员海军9 小时前
AI 越来越强,为什么打工人反而越来越累、越来越内耗了?
前端·程序员·aigc
vx_Biye_Design9 小时前
springboot游泳馆系统93765-计算机课程设计、毕业设计
java·javascript·spring boot·后端·python·spring·课程设计
晴天169 小时前
VSCodium 项目介绍
前端·javascript·vscode
世岩清上9 小时前
展厅数字内容同质化严重,怎样打造专属叙事风格?
大数据·前端·javascript·人工智能·html·音视频·展厅改造