1. 程式人生 > >js之執行事件檢測

js之執行事件檢測

執行時間檢測

//1.拼接字串時間檢測
console.time("執行時間是");


//要檢測的程式碼
var htmlstr = "";
for (var i = 0; i < 1000 ;i++ )
{
htmlstr += "<li>" + i + "</li>";
}


wrap.innerHTML = htmlstr;


console.timeEnd("執行時間是");


//2.使用DOM操作
console.time("執行時間是");


for (var i = 0; i < 1000 ;i++ )
{
var li = document.createElement("li");
li.innerHTML = i;


wrap.appendChild(li);
}


console.timeEnd("執行時間是");


//拼接字串再渲染會觸發瀏覽器的底層解析器 專門解析字串元素
//低版本瀏覽器上 innerHTML效能遠遠好於DOM操作
//在高版本瀏覽器上 差別不大 但是innerHTML更快