当我使用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>
我能够防止在时间间隔内完全阻止添加元素,但这似乎有点不足。