javascript/dom——创建与重新排列 dom 节点的开销有多大？

Question

我正在尝试优化我编写的可排序表。瓶颈在于 dom 操作。我目前正在创建新的表格行并在每次对表格进行排序时插入它们。我想知道我是否可以通过简单地重新排列行而不是重新创建节点来加快速度。为了产生显着差异，dom 节点重新排列必须比节点创建快得多。是这样吗？谢谢，-摩根

Answer 1

我不知道是创建速度还是操作速度更快，但我知道如果您在整个表格不在页面上时对其进行操作然后一次将其全部放在页面上，速度会更快。按照这些思路，除非先从 DOM 中删除整个表格，否则重新安排现有行的速度可能会变慢。

This page建议最快克隆当前表，根据需要对其进行操作，然后替换 DOM 上的表。