前言开发过程中,通常会碰到大量DOM渲染的场景,如万级以上的数据渲染就会开始卡的飞起,针对此列情况列出常见的第一种优化方案:分片渲染// 一次性渲染 <ul id="container"></ul>const total = 100000; let ul = document.getElementById('container') for (let i = 0; i < pageCount; i++) { let li = document.createElement("li"); li.innerText = ~~(Math.random() * total); ul.appendChild(li); }技巧该方案下我们需要用到requestAnimationFrame,不同于setTimeout,它会随着系统为我们提供更加流畅的动画表现,以及DocumentFragment,作为一个内存的DOM片段,它不会去计算其中的样式表消耗,尽管现代浏览器本身优化就已经
Harexs
风归云动,天河泻梦