资料 网址 小程序之图片懒加载[完美方案，你不来看看？] https://www.jianshu.com/p/5164a7bda33d 谈谈IntersectionObserver懒加载 ...

前言 用uniapp 开发小程序，商品的列表页面，当然需要用到懒加载了， 当然我写的这个拉加载 只是针对效果图，但是也很炫酷，适合列表哦！！ 啊哈 原理其实就是用了 @load 和error 的2个方法来判断是否加载完全 和出错 然后就是代码周小程序期逻辑 ...

wxml <!-- 数据源 --> <view class='item-{{index}}' wx:for="{{lazyData}}" wx:key="*t ...

在普通的web页面当中，我们都知道图片懒加载可以提升浏览器的加载速度。原理是图片用空或者占位图片进行显示，当屏幕移动到图片位置的时候，再把图片的地址换成它的地址。那么，在小程序当中呢，最近老大让看一下微信小程序的优化方面，图片是很吃资源的一项，所以我把矛头指向了懒加载： 首先写代码之前一定要理清 ...

今天写一个模拟懒加载，为啥不是真的懒加载？因为所有数据是从上个页面传过来的，没请求接口。只是防止数据过多，导致页面渲染过慢的问题。 用到的是小程序的onReachBottom方法，官方链接 ...

窗口宽高进行计算，较完美的解决了等高或均高图片序列的图片懒加载。 关于图片高度：图片+容器宽高必须为v ...

来源：https://blog.csdn.net/qq_43764578/article/details/107483349 .wxml .wxss ...

属性： 属性名 类型 默认值 说明 平台差异说明 src String 图片资源地址 ...