长列表性能优化

1.懒加载

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

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

优点：每次只渲染一部分数据，渲染速度快

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

使用场景：数据量不大的情况（具体看数据的复杂度）

2.可视区域渲染

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

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