<script type="text/javascript">
$(function(){
console.time('高性能写法，执行时间')//测试js执行时间开始位置，参数作为前缀输出，console.time()同console.timeEnd()配套使用，参数必须一致！
var $page = $('#page'),option
for(var i=1i<1000i++){
option+="<option value="+i+">第 "+i+" 页</option>"
}
//dom 操作一次
$page.append(option)
console.timeEnd('高性能写法，执行时间')//测试js执行时间结束位置
console.time('低性能写法，执行时间')
var $page = $('#page')
for(var i=1i<1000i++){
//dom 操作999次
$page.append("<option value="+i+">第 "+i+" 页</option>")
}
console.timeEnd('低性能写法，执行时间')
})
</script>
<select id="page"></select>
<script type="text/javascript">
$(function(){
var now=Date.now()
var $page = $('#page'),option
for(var i=1i<1000i++){
option+="<option value="+i+">第 "+i+" 页</option>"
}
//dom 操作一次
$page.append(option)
console.log(new Date()-now)
now=Date.now()
var $page = $('#page')
for(var i=1i<1000i++){
//dom 操作999次
$page.append("<option value="+i+">第 "+i+" 页</option>")
}
console.log(new Date()-now)
})
</script>
// 使用 console.time() 方法 例如:function Time () {
console.time()
// 中间这一块我是随便写的↓
var a = 0
for (var i = 0 i < 100000 i++) {
a++
}
console.log(a)
// ↑↑↑↑↑↑↑↑↑↑↑↑
console.timeEnd()
}
Time()
emmm~~~
for 循环 a++ 10万次 花了近 7 毫秒呢
