Reacr 虚拟列表 snippet 来源：掘金小册-Aline《React 进阶实践指南》第14章

在工作中，我们经常会以列表的形式来展示内容，当时如果列表项很多的话，在pc端我们会考虑用分页的形式来解决长列表带来的性能问题。但是如果是在移动设备，为了用户体验，我们通常是用长列表的形式来展示，用户只需上下滑动来浏览。这时如果不做处理，而是一次加载全部的数据，那么当数据量过大的…

虚拟滚动列表优化版 若对虚拟滚动列表没有概念可以看上一篇基础原理篇， 这版优化包含缓存，简单节流和结合分页加载数据，下面直接进入正题。 在基础版本之上添加上下缓存区+节流+分页

对长列表优化，实现了相同高度元素的虚拟列表，动态高度的元素的虚拟列表。渲染百万条列表数据不再卡顿！！

1.背景 在开发过程中，总是遇到很多列表的显示。当上数量级别的列表渲染于浏览器，终会导致浏览器的性能下降。如果数据量过大，首先渲染极慢，其次页面直接卡死。当然，你可以选择其他方式避免。例如分页，或者下

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…