小程序图片懒加载的问题

Question

本地环境：taro v3.3.3

场景：布局为两侧切换的商品列表、初始的时候会请求接口拿到一个二维数据的list进行渲染、依次类推每次切换左侧菜单都请求接口刷新右侧的商品列表，

问题：右侧有些商品列表未在可视区内、但是也进行了渲染

调研：经过网上的资料查找intersectionObserver虽然能够满足这样的场景但是有些问题：

1、初始必须有数据的时候才能进行区域的捕获、但是初始的数据如果是本地的mock的话 捕获的数据集改变的也是初始的mock、因为节点本身就是mock数据渲染
2、及时可以用intersectionObserver进行捕获成功、必定是层级循环这样会反复的setDate 性能可能会更加不太好
3、有没有什么方法可以获取当前的节点ScrollView之内。使用onscroll的时候能监听节点在可视区内、或者说有没有更好的方式等

Answer 1

针对上述问题，目前已经得到了解决、详细的伪代码实现：