前端处理超长列表-列表虚拟加载
*本文参考https://mp.weixin.qq.com/s/3euILxqRsxkOCvK6fBu2xg里面讲述的比较详细
可选方案
1.懒加载(上拉加载)
通过懒加载的方式,在出现长列表的时候,第一次并不完全渲染所有的DOM节点,即可解决一部分场景下的问题。
优点:实现简单
缺点:
1.想要定位到某一个位置的数据会非常困难
1.如果一直加载到底,那么最终还是会出现大量的DOM节点,导致滚动不流畅
2.虚拟渲染
第三方库
vue-virtual-scroller、react-tiny-virtual-l
原创
2021-04-22 17:59:55 ·
3077 阅读 ·
2 评论