运行时间检测
//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更快