【js优化】使用文档碎片减少DOM操作

const list= document.getElementById('list')
const frangment = document.createDocumentFragment() 
for(let i=0;i<5;i++){
    const item = document.createElement('li')
    frangment.appendChild(item)  //将li元素放到文档碎片中  并没有操作dom frangment在内存里面                                                 
}
list.appendChild(frangement)

操作dom的次数从5次变成了1次，性能得到很大的提升