手写Web图片懒加载~
废话不多说,直接上代码:
1 2 3 4图片懒加载 5 6 78
9
10
11
12
13
14
15
16
17
18
19
20 21 32 48
我们可以根据此思路去拓展我懒加载的功能,例如:图片加载失败,图片加载中的状态,默认展示的图片等等。
拿Vue组件封装举例,将需要懒加载的图片放置在当前组件容器中,然后走上面的逻辑代码,拿到所有图片,或者不需要懒加载的地方可以设置data-lazy=false,等等,具体需要什么看你自己的拓展!
拜拜~
废话不多说,直接上代码:
1 2 3 4图片懒加载 5 6 78
9
10
11
12
13
14
15
16
17
18
19
20 21 32 48
我们可以根据此思路去拓展我懒加载的功能,例如:图片加载失败,图片加载中的状态,默认展示的图片等等。
拿Vue组件封装举例,将需要懒加载的图片放置在当前组件容器中,然后走上面的逻辑代码,拿到所有图片,或者不需要懒加载的地方可以设置data-lazy=false,等等,具体需要什么看你自己的拓展!
拜拜~