Skip to content

大量数据滚动加载如何保证性能足够好

之前工作中碰到过类似这种全端处理大量数据的场景,因此这方面也积累了一些经验,在这里简单的分享一下, 希望对大家有帮助。

问题描述

现在有这样一个需求,我们的页面需要加载大量的数据,我们需要在用户滚动的时候不断的去加载新的数据,如何 保证性能?

补充:

  • 当用户将手机从竖屏改为横屏时你该如何处理 resize 事件?
  • 如果网站是响应式的呢?
  • 如何做到不干扰用户正常操作?

关键点

  • 重用你的DOM元素以及删除那些远离可视范围的元素
  • 延迟显示的元素使用占位符
  • pull模式,而不是push模式

如果你不懂什么是pull和push,建议看看这个

参考