本文正在参加「金石计划」 最近一位朋友参加阿b的面试，然后面试官问了她这个问题 我问她咋写的，她一脸淡定的说：“虚拟列表。” 虚拟列表 ？？？ What？？？ 这是个啥

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

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

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

前言 第一版 无缝滑动原理: 红色的1, 3都是克隆的过渡元素. index从 3 4 动画结束时，马上将指针滑动到1， 这样就可以实现无缝轮播. 下面上js动画伪代码 Carousel.tsx 这样