是否可以加快向DOM添加一组元素的速度
Is it possible to speed up adding of a set of elements to DOM?
我有一个容器小部件,它经常更新。当某个事件发生时,我需要将一个子项附加到容器中,或者删除它的一个子项。可以将其视为一个聊天参与者列表,用于侦听加入/退出聊天的事件。
如果随着大量事件的到来,子级的数量真的很大(几百个),那么DOM的绘制就会开始放缓。用户注意到延迟。也就是说,向容器中添加/删除子元素需要花费越来越多的时间。
如何加快此过程?
我想使用一种"批量更新"技术,这在数据库应用程序中是众所周知的事实上,如果我收集更新列表的事件,并在一秒钟内运行更新列表,这会加快我的计算速度吗?事实上,要添加的小部件数量不会改变,但可能通过一个接一个地运行这个任务,我可以以某种方式获得"批处理"效果?
这只是一个猜测。
我使用的是GWT,但这不是重点。IE8的执行速度特别慢,但我的问题是跨浏览器。
在添加子项之前为容器设置display:none。您可以在之后将其设置回原始状态
相关文章:
- 创建一组元素JointJS
- 如何检查焦点是否离开了一组元素
- 是否可以加快向DOM添加一组元素的速度
- 使用javascript在一组元素上切换类
- 如何使用jQuery查找一组元素的父元素
- 为什么 .data() 适用于一组元素,但不适用于单个元素
- 如何从一组元素中获取 ID 并保存在数组中
- 使一组元素透明,但一个除外
- 当一组元素的所有元素都具有特定值时,如何隐藏表单元素
- 如何在一组元素上触发事件
- JQuery:用另一组元素替换一组元素的优雅方式
- 如何使用 jquery 隐藏下一组元素
- 使用 Raphael JS 一次缩放一组元素
- 循环遍历一组元素 jQuery
- 在没有循环的情况下测试一组元素之间的html5数据相等性
- 为一组元素逐个设置放置阴影的动画
- 当一组元素不总是在同一个父元素中时,如何找到下一个匹配的元素
- 如何在InDesign CS5 javascript中将一组元素锚定到特定的TextFrame
- 使用jQuery将一组元素中的每一个克隆到单独的目标元素中
- 使用jQuery计算一组元素的最大宽度