教你 Jsimport 如何实现 懒加载 和 预加载

教你 Jsimport 如何实现 懒加载 和 预加载,第1张

在项目中引入 js 文件一般是如下这种模式:

加载

当文件被需要时才被加载即 执行fn()时,多次执行fn()只会加载一次js文件

预加载:

文件会在浏览器空闲的时候提前加载,有兼容性问题需慎用

慕课网 -- 有序加载  

有序加载与无序加载的区别在无序加载 通过 $.each()方法对图片进行了同时加载 ,也就是所有图片的加载是同时进行的,当然其完成顺序是随机的,看网络因素和图片本身的大小,而有序加载是从imgs数组的第一张开始往后加载,即当前只加载一张图片,所以没有使用$.each()方法进行遍历。

实例化对象、监听事件、赋值。

懒加载就是把图片的url放置元素标签的自定义属性里,由滚动来判断当前图片是否在视窗里,然后setattribute,getattribute等属性来设置...


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11587830.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存