场景题:如果遇到10万条数据到页面上不卡顿的话怎么展示,不用分页怎么展示?
答:可以使用
- 定时器分堆定时加载,滑动过快会出现掉帧的情况
- 使用动画帧requestAnimationFrame代替定时器分堆加载
- 使用触底加载插件(el-table-infinite-scroll)利用堆的先进先出原理(始终将二维数组的第一个推出来与页面数据拼接),其实也就是懒加载
- 使用虚拟滚动,根据容器的可视区域,动态截取长列表中的部分数据进行渲染,采用空白占位区域填充其他滚动区域,模拟实现原生滚动效果,这个的支持量是有局限性的,超过一定阀值后无法支持。
- 使用表格处理插件(vxe-table),它有成熟的文档支持,简单易用。