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更快