更新记录
1.0.0(2020-06-15) 下载此版本
基础首次发布版
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
核心代码
> + 因为uni-app只有在页面状态改变后才获取到节点,所以每次滑动滚动条都去获取节点(这里讲到一个非常重要的点)
> + 懒加载的核心原理既是 元素距离顶部视窗的值 <= 视窗 + 滚动条,注意持续改变的是滚动条,参照物元素为静止的,
> + 这里的元素是并没有每次滑动滚动条去获取节点的,是一开始就去动态获取后定死的,相当于load获取,然而如前边所
> + 讲uni-app只有在页面状态改变后才获取到节点,每次滑动滚动条都去获取节点,注意持续改变的是元素,既参照物为视窗,
> + 所以只需要判断每个元素距离顶部视窗的值 <= 视窗,就可以了