1.懒加载
常见的长列表优化方案,常见于移动端
原理:每次只渲染一部分数据,等渲染的数据即将滚动完,在渲染下面部分
优点:每次只渲染一部分数据,渲染速度快
缺点:数据量大的时候,页面中依然存在大量DOM,占用内存过多,降低浏览器性能,导致页面卡顿
使用场景:数据量不大的情况(具体看数据的复杂度)
2.可视区域渲染
原理:只渲染页面可视区域的列表项,非可视区域的数据 “不渲染” ,在滚动列表时候动态更新列表项
使用场景:一次性展示大量数据的情况