javascript - jQuery 克隆性能

Question

我读到 javascript 通过修改 off-dom 获得了显着的性能优势。今天早些时候，我正在阅读克隆文档:

"Note that when using the .clone() method, we can modify the cloned elements or their contents before (re-)inserting them into the document."

这是否意味着如果我有 1,000 个 LI，并且我想对所有 LI 进行更改，最有效的方法是克隆它、修改克隆、销毁原始对象并放置克隆？

您将如何以最有效的方式进行此修改？

Answer 1

实际上，这意味着在将克隆元素插入 DOM 之前修改它们比将克隆元素插入文档然后修改它们效率更高。 clone-modify-replace 是否比简单地就地修改元素更有效可能很多取决于您打算进行哪些修改...一如既往，剖析您的代码 然后根据真实数据选择最符合您需求的选项。

...而当您使用它时...您可以直接“分离”DOM 元素:只需调用 removeChild() (或者，因为您使用的是 jQuery，detach())- 只要您保留对它的引用，该元素就会仍然存在，并且可以在您完成修改后重新插入。

...哦，无论您最终使用哪种技术，您几乎肯定会看到删除父 UL 比一次删除每个 1K 子 LI 元素更好的结果...