延迟加载JS有哪些方式

ops/2024/9/23 10:21:49/

1、defer

等HTML全部解析完成,才会执行js代码,按顺序执行js脚本

<script defer type='text/javascript>javascript' src='script.js></script>

2、async

async是和HTML解析同步的(一起的),不是按顺序执行js脚本(谁先加载谁先执行)

js文件不能有依赖关系

// 例如:如果在a.js中引入了b.js就不能使用async
<script async type='text/javascript>javascript' src='script.js></script>
<script async type='text/javascript>javascript' src='a.js></script>
<script async type='text/javascript>javascript' src='b.js></script>


http://www.ppmy.cn/ops/96836.html

相关文章

【JavaEE】MyBatis 实战指南:从 JDBC 到高效数据库操作的进阶教程

目录 MyBatis 操作数据库JDBC 操作⽰例回顾什么是MyBatis?MyBatis⼊⻔1. 准备⼯作2. 配置数据库连接字符串3. 写持久层代码4. 单元测试使用MyBatis可能遇到的问题 MyBatis的基础操作打印⽇志参数传递增(Insert)返回主键 删(Delete)改(Update)查(Select)起别名结果映射开启驼峰…

派森学长带你学python—集合

python中的集合是无序不重复元素序列 集合中只能存储不可变数据类型 在Python中用{}来定义 与列表字典一样&#xff0c;集合石python中的可变数据类型 集合属于序列中的一种#集合的创建1 s{(1,2,3),hello,9} print(s)#{9, hello, (1, 2, 3)}#集合的创建2 set() sset() print(s)…

sql总结

1.sql 1.多数据筛选排名 row_number 从1到10顺序排名&#xff0c; rank(&#xff09;11335并列的算一名 DENSE_RANK是1122333排&#xff0c;rank是11335 SELECT 销售经理 AS f_a,bureau_name AS f_b,deal_staff_name AS f_c,COUNT(CASE WHEN main_price_name 全家福229元套…

【面向对象】04面向对象三大特征之——继承

文章目录 一、super1.构造方法2.属性3.方法 二、规则三、继承权限 继承 继承是Java中实现代码重用的重要手段之一。使用继承&#xff0c;可以减少代码量&#xff0c;方便修改代码。Java中只支持单根继承&#xff0c;即一个类只能有一个直接父类。 继承使用关键字extends&#…

机器学习-傅里叶变换

傅里叶变换是一种在各种科学和工程领域中发挥了关键作用的数学技术&#xff0c;其应用范围从信号处理到量子力学。近年来&#xff0c;它在机器学习领域找到了新的重要性。 傅里叶变换通过频域分析&#xff0c;让我们看到了另一份观景&#xff0c;在机器学习领域也同样适用。 理…

二叉树(三)

一、二叉树的遍历 二叉树遍历是按照某种特定的规则&#xff0c;依次对二叉树中的结点进行相应的操作&#xff0c;并且每个结点只操作一次。 1.前序遍历&#xff08;先根遍历&#xff09; 前序遍历&#xff08;Preorder Traversal也叫先序遍历&#xff09;——根、左子树、右…

【安卓】Service的基本用法

文章目录 Service简介启动和停止ServiceActivity和Service进行通信 Service简介 新建一个ServiceTest项目&#xff0c;然后右击com.example.servicetest→New→Service→Service。 每个Service中最常用到onCreate()、onStartCommand()和onDestroy()这3个方法其中onCreate()方法…

Java入门:06.Java中的方法03

4 实参形参 第四点就是实参和形参&#xff0c;全称为实际参数、形式参数 实参就是指&#xff0c;我们在调用方法时&#xff0c;向方法所传递的具体的值。 形参则是指&#xff0c;在方法定义时&#xff0c;我们在参数列表中所定义的变量。 main(){int a 10;printNum(a); } publ…