前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

前端开发中经常会遇到大数据量列表展示的性能问题，即大数据量一次性展示时前端渲染大量 Dom，触发渲染性能问题，造成初始加载白屏，交互卡顿等。解决这类问题的方案也有很多，使用虚拟列表展示是一个比较

面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

☠️ 死亡面试题重现 面试官露出神秘微笑："请渲染这个10万条数据的数组..." 我：👌告辞...

在上一篇文章中，我们讲述了如何通过时间分片的方式去渲染十万条数据的解决方案 本篇文章将会带你了解以及实现该场景下的另一个解决方案 -- 虚拟列表

对于这种十万条数据插入的场景，常见的解决方案有两种： 1. 时间分片 2. 虚拟列表 本篇文章会着重介绍一下时间分片的解决方案，，而虚拟列表的解决方案则会放到下一篇文章讲解

在某种特殊场景下，需要将大量数据一次性渲染到页面。 分析真实业务场景，用户正常情况不会去浏览全部数据。 除特殊情况外，将全部数据渲染到列表中是无用且浪费资源的行为，只需要根据用户视窗进行部分渲染即可