课程前言:
慕课网 --有序加载
有序加载与无序加载的区别在无序加载 通过 $.each()方法对图片进行了同时加载 ,也就是所有图片的加载是同时进行的,当然其完成顺序是随机的,看网络因素和图片本身的大小,而有序加载是从imgs数组的第一张开始往后加载,即当前只加载一张图片,所以没有使用$.each()方法进行遍历。
![](https://img.haomeiwen.com/i2847275/a38dcc2b8dce4b27.png)
封装为组件里的一个方法:
![](https://img.haomeiwen.com/i2847275/35ee62633c39ce5e.png)
![](https://img.haomeiwen.com/i2847275/f87e3e88e5029268.png)
调用方式:
![](https://img.haomeiwen.com/i2847275/8ec747f50d081e94.png)
总结:
实例化对象、监听事件、赋值。
![](https://img.haomeiwen.com/i2847275/cacd4b8f65c440db.png)
懒加载是什么呢?
懒加载就是把图片的url放置元素标签的自定义属性里,由滚动来判断当前图片是否在视窗里,然后setattribute,getattribute等属性来设置...
网友评论