长列表性能优化

1.懒加载

常见的长列表优化方案,常见于移动端

原理:每次只渲染一部分数据,等渲染的数据即将滚动完,在渲染下面部分

优点:每次只渲染一部分数据,渲染速度快

缺点:数据量大的时候,页面中依然存在大量DOM,占用内存过多,降低浏览器性能,导致页面卡顿

使用场景:数据量不大的情况(具体看数据的复杂度)

2.可视区域渲染

原理:只渲染页面可视区域的列表项,非可视区域的数据 “不渲染” ,在滚动列表时候动态更新列表项

使用场景:一次性展示大量数据的情况

posted @ 2021-07-22 15:07  皮皮溪  阅读(708)  评论(0编辑  收藏  举报