场景题:如果遇到10万条数据到页面上不卡顿的话怎么展示,不用分页怎么展示?

场景题:如果遇到10万条数据到页面上不卡顿的话怎么展示,不用分页怎么展示?
答:可以使用

  • 定时器分堆定时加载,滑动过快会出现掉帧的情况
  • 使用动画帧requestAnimationFrame代替定时器分堆加载
  • 使用触底加载插件(el-table-infinite-scroll)利用堆的先进先出原理(始终将二维数组的第一个推出来与页面数据拼接),其实也就是懒加载
  • 使用虚拟滚动,根据容器的可视区域,动态截取长列表中的部分数据进行渲染,采用空白占位区域填充其他滚动区域,模拟实现原生滚动效果,这个的支持量是有局限性的,超过一定阀值后无法支持。
  • 使用表格处理插件(vxe-table),它有成熟的文档支持,简单易用。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容