小程序虚拟列表

·  阅读 345

背景

小程序里,列表展示数据是非常常见的场景,无论是瀑布流,还是平铺式的列表,都很常用。大家可能会发现,在不断加载,列表数据量越来越多之后,列表的性能遇到了非常大的挑战,滑动渐渐会开始变得卡顿,不过总体还是在一个可以忍受的程度。可是当列表与轮播图swiper组件结合使用后,灾难发生了,列表数据量大了以后,极易出现滑动卡顿的情况,甚至直接卡死。针对这样的情况,虚拟列表就成了不得不做的事

基本原理

只展示列表展示区域 + buffer区域的数据,buffer区域的高度可自定义。

核心api: Taro.createIntersectionObserver, Taro.createSelectorQuery

实现

数据

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改