前端处理10万条数据
1. 采用懒加载+分页(前端维护懒加载的数据分发和分页);2. 使用虚拟滚动技术(目前react的antd4.0已支持虚拟滚动的select长列表)懒加载和分页方式一般用于做长列表优化, 类似于表格的分页功能, 具体思路就是用户每次只加载能看见的数据, 当滚动到底部时再去加载下一页的数据.虚拟滚动技术也可以用来优化长列表, 其核心思路就是每次只渲染可视区域的列表数,当滚动后动态的追加元素并通过顶部padding来撑起整个滚动内容,实现思路也非常简单.第一种方案:1. 懒加载+分页方案 懒加载
原创
2020-08-17 15:33:03 ·
2917 阅读 ·
0 评论