react-virtualized是一个以高效渲染大型列表和表格数据的响应式组件。
- 使用窗口特性,即在一个滚动的范围内,呈现你给定数据的一小部分,大量缩减了呈现组件所需的时间,以及创建dom节点的数量。
- 缺点:滑动过快,可能会出现空白的情况。
react-virtualized将我们的滚动场景区分为了viewport内的局部滚动, 和基于viewport的滚动, 前者相当于在页面中开辟了一个独立的滚动区域,属于内部滚动, 这跟和iscroll的滚动很类似, 而后者则把滚动作为了window滚动的一部分(对于移动端而言,这种更为常见). 基于此计算出当前所需要显示的组件。
链接: https://fly63.com/nav/1299