//插入十萬(wàn)條數(shù)據(jù)
 const total = 100000;
 //每一次插入20條數(shù)據(jù)
 const once= 20;
 //插入的數(shù)據(jù)需要的次數(shù)
 const loopCount= Math.ceil(total/once);
 //渲染的次數(shù)
 let countRender= 0;
 const ul = document.querySelector("ul");
 
 
 //添加數(shù)據(jù)的方法
 function add(){
    //創(chuàng)建虛擬節(jié)點(diǎn)
    const fragment = document.createDocumentFragment();
    for(let i= 0; i< once; i++){
        const li = document.createElement("li");
        li.innerHTML = Math.floor(Math.random()*100000)
        fragment.appendChild(li);
    }
    ul.appendChild(fragment);
    countRender++;
    loop();
 }
 
 function loop(){
    if(countRender < loopCount){
        window.requestAnimationFrame(add);  //requestAnimationFrame:請(qǐng)求動(dòng)畫(huà)幀
    }
 }
 
 loop()