Taro虚拟列表踩坑
我觉得虚拟列表性能会比较好,所以强烈推荐使用虚拟列表,然后同事跟我说虚拟列表,子项的高度都是一致的,没办法自适应高度,一看,是这样
1.必须传递高度值
2.虚拟列表的高度也必须传递 并且height
属性一定要是一个固定值,不能是百分比或vh/vw等。可以在computed
里面进行一系列处理
从原理来看,这些组件都是通过计算好列表的长度(所以必须传高度),在wrapper处加上合适的padding-top和padding-bottom撑起这个列表,同时通过IntersectionObserver
等方式判断组件是否进入/离开了视口,并且只保留距离视口一定范围内的DOM元素。随着用户滚动不断更新展示的组件,这样就在用户无感的情况下做到了对超长列表的部分展示。
然后我妥协了 23333