是否可以加快向DOM添加一组元素的速度

Is it possible to speed up adding of a set of elements to DOM?

本文关键字:一组 元素 速度 添加 DOM 是否      更新时间:2023-09-26

我有一个容器小部件,它经常更新。当某个事件发生时,我需要将一个子项附加到容器中,或者删除它的一个子项。可以将其视为一个聊天参与者列表,用于侦听加入/退出聊天的事件。

如果随着大量事件的到来,子级的数量真的很大(几百个),那么DOM的绘制就会开始放缓。用户注意到延迟。也就是说,向容器中添加/删除子元素需要花费越来越多的时间。

如何加快此过程?

我想使用一种"批量更新"技术,这在数据库应用程序中是众所周知的事实上,如果我收集更新列表的事件,并在一秒钟内运行更新列表,这会加快我的计算速度吗?事实上,要添加的小部件数量不会改变,但可能通过一个接一个地运行这个任务,我可以以某种方式获得"批处理"效果?

这只是一个猜测。

我使用的是GWT,但这不是重点。IE8的执行速度特别慢,但我的问题是跨浏览器。

在添加子项之前为容器设置display:none。您可以在之后将其设置回原始状态