【JS】图片预加载--有序加载漫画

2017-09-05  本文已影响0人  一树青枫

课程前言:

慕课网 --有序加载 


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

有序加载是什么意思?

封装为组件里的一个方法:

组件化封装
有序还是无序,可以判断

调用方式:

有序的调用

总结:

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

预加载的核心

懒加载是什么呢?

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

上一篇 下一篇

猜你喜欢

热点阅读