Skip to content
On this page

高性能渲染十万条数据

  • 时间分片

  • 虚拟列表

  • 最粗暴的做法(一次性渲染)

  • 使用定时器 setTimeout 分片渲染

  • 使用 requestAnimationFrame 分片渲染

  • 使用 DocumentFragment (文档片段) 减少 回流 和 把样式表的计算推迟到脚本执行之后(直接 append 到 document 元素的样式表的计算是同步发生的)

  • 使用虚拟列表(不要使用 虚拟dom,性能差,会走diff)