控制DOM的呈现

时间:2019-01-10 19:21:32

标签: javascript large-data repaint reflow

当我使用JS创建巨大的DOM树并将其附加到正文时,页面将停止响应。

有没有一种方法可以控制重排和重涂?

在此柱塞中 点击https://plnkr.co/edit/eJ7iTTV9HGT8Z9oOtopY?p=preview时,会创建“创建简单<p>”,然后创建一个巨大的嵌套<ul>

var p = document.createElement('p');
p.innerText = 'hello'
document.body.append(p);
addSchemaToBody();

我了解到addSchemaToBody()势不可挡,因此有办法控制渲染吗?让<p>快速并系统地添加<ul>,而不会阻止与页面的交互。在更复杂的情况下,我无法使用输入字段,所有内容都被冻结,直到浏览器完成<ul>

我能够防止在时间间隔内完全阻止添加元素,但这似乎有点不足。

0 个答案:

没有答案