前端如何处理后端一次性传来的1w条数据_CSS学习

资料来源：网络整理时间：2023/3/4 2:15:12 共计：3607 浏览

前端如何处理后端一次性传来的1w条数据？

我上个月面试被问到了[酷拽]！后面我查了一下，总结有三种办法:1,虚拟列表:不渲染所有数据，只渲染可视区域的数据。当用户滑动时，通过监听scroll来判断是上划还是下拉，从而更新数据。(可以了解下I ntersectionObserver这个API)

2,延迟渲染:开始不加载所有数据，只渲染可视区域的数据(同虚拟列表)。当滚动到页面底部时，添加( concat)，视图渲染新增DOM

3,时间分片:就是把数据分割，定时去异步加载！我一开始想的是用setTimeout去分割加载。但它存在弊端，快速下拉会出现闪屏现象！后来网上看到这个API。requestAnimationFrame你可以了解下！

因为手敲，点到为止！所有问题，请海涵！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。