使用JavaScript进行海量数据渲染的性能

Question

我正在为javascript中的软件产品开发特殊的网格解决方案。 数据是通过服务器端的PHP脚本收集的，并通过JSON数组推送到JavaScript。 在我的脚本中，我必须解析此数组并渲染网格行。 这是我的问题。 例如，如果我收到4000行，则javascript可以非常快速地呈现此行，但是我认为瓶颈是浏览器...

我的问题是，是否可以仅渲染可见部分？ 我需要滚动到其他信息，但是如果浏览器不可见，则不需要渲染它。 是否可以在视口之外渲染某些东西？

我需要设置宽度和位置，这只有在我将新元素添加到视口的情况下才有可能，而且由于大量数据，这非常缓慢...我该如何解决此问题？

Answer 1

解决方案可能是在客户端分页数据。 这样，您就可以使用JS对对象数组进行排序，并且只需一次将一部分数据插入DOM中即可。

客户端分页库选项已在此处讨论。

Answer 2

DOM更新是链中最慢的部分。 如果可以的话，将结果存储在内存中，并一次性将其插入DOM。