javascript - 强制使用 JavaScript 开始渲染

Question

我有一个 ajax 调用，它将返回 500 行。每行都会创建一个 HTML 对象，该对象将添加到 DOM 中。这一切都工作正常，但速度很慢。

我想添加20，然后渲染完成的内容，然后继续添加最后的480。但是，我不知道如何强制渲染。

代码是这样的:

for (i = 0; i < 500; i += 1) {
     $(newdata[i]).insertAfter('#object');
}

例如，newdata 是文本字符串

"<p>hello world</p>"

编辑

我可能在帖子中遗漏了一些关键信息。节点不按顺序插入。这是一棵树，每个节点都有一个我知道的父节点。并且保证每个父节点都插入到该节点之前。因此，我不能只是在彼此之后追加节点，因为它们可能位于不同的分支中。

Answer 1

停止一次插入一个节点，而是插入节点集合。
不是循环慢，而是 DOM 操作慢，一次向一个节点插入 500 个 DOM 节点会很慢。

var nodes = $();

for (i = 0; i < 20; i++) {
    nodes.append(newdata[i])
}

$('#object').after(nodes);

var more_nodes = $();

for (i = 20; i < 500; i++) {
    more_nodes.append(newdata[i])
}

$('#object').after(more_nodes);

如果你这样做，它可能会快十倍，而且你不必插入20，然后480等等。