【React】手写虚拟化无限滚动组件

前言 react的虚拟化无限滚动有别人写好的,antd的list组件里也有这种虚拟化组件,antd虚拟化列表地址。 由于上次写了一篇浅显的滚动性能优化后发现这种技术可以更大的提升效率,并且上次那篇的蛮力实现的思维走入了死胡同,而这种方案让我立马来了兴趣,想要实现一番。 原理 原理就和我在那篇评论里留言的差不多,就是每次只显示固定的几个div,滚动时把div给换掉。 这东西实现起来难点有下面几个: 一、滚动条的出现 二、可视区域流畅移动 三、闪屏优化 这玩意就不按步骤写了,主要说一下这几个难点是怎么解决的: 滚动条出现 这个难点最简单,但是思路没打开就容易想不到这种虚拟化实现方法。靠空白的div