Skip to content

Latest commit

 

History

History
10 lines (9 loc) · 437 Bytes

README.md

File metadata and controls

10 lines (9 loc) · 437 Bytes

长列表优化

问题

长列表指列表包含的子项很多的列表。长列表会导致的问题是,DOM 数量多,页面卡顿。

解决方案

减少 DOM 的数量。常见的两种方案:

  1. 分页。
  2. react-paginate: 基于 React。
  3. 虚拟列表。 复用 DOM 节点,渲染当前可视范围内及部分相邻的子项。Demo:
  4. react-window: 基于 React。