創(chuàng)建文檔片段方法document.createDocumentFragment()
//使用場景,用于優(yōu)化性能(每次添加會(huì)造成渲染主線程工作),當(dāng)在ul下創(chuàng)建許多l(xiāng)i元素,可以遍歷li相關(guān)數(shù)據(jù),先存在文檔片段里,最后添加到ul下
let ul = document.querySelector('ul')
function createLrcElements(listData) {
if(!listData || !Array.isArray(listData))return
var frag = document.createDocumentFragment(); // 文檔片段
for (var i = 0; i < listData.length; i++) {
var li = document.createElement('li');
li.textContent = listData[i].words;
frag.appendChild(li); // 改動(dòng)了 dom 樹
}
ul.appendChild(frag);
}