Taro虚拟列表踩坑

我觉得虚拟列表性能会比较好,所以强烈推荐使用虚拟列表,然后同事跟我说虚拟列表,子项的高度都是一致的,没办法自适应高度,一看,是这样

1.必须传递高度值

2.虚拟列表的高度也必须传递 并且height属性一定要是一个固定值,不能是百分比或vh/vw等。可以在computed里面进行一系列处理

从原理来看,这些组件都是通过计算好列表的长度(所以必须传高度),在wrapper处加上合适的padding-top和padding-bottom撑起这个列表,同时通过IntersectionObserver等方式判断组件是否进入/离开了视口,并且只保留距离视口一定范围内的DOM元素。随着用户滚动不断更新展示的组件,这样就在用户无感的情况下做到了对超长列表的部分展示。

然后我妥协了 23333

posted @ 2020-09-14 15:59  文学少女  阅读(873)  评论(0编辑  收藏  举报