关于dom:DOM性能

1、dom 查问做缓存

2、将频繁操作改为一次操作

// 频繁操作
const list = document.getElementById("list")
for(let i = 0 ; i<10;i++){const li = document.createElement("li")
    li.innerHTML = `List Item ${i}`
    list.appendChild(li)
}

// 一次操作
const list = document.getElementById("list")
// 创立一个文档片段，此时还没有插入到 dom 构造中
const frag = document.createDocumentFragment()
for(let i =0;i<10;i++){const li = document.createElement("li")
    li.innerHTML = `List Item ${i}`
    frag.appendChild(li)
}
list.appendChild(frag)