console.time / console.timeEnd 另一种写法 (V8执行时间 and 渲染页面时间)

console.time / console.timeEnd 另一种写法 (V8执行时间 and 渲染页面时间)

<script>
    let prevTime = Date.now()
    const total = 100000
    let ul = document.getElementById('container')

    for (let i = 0; i < total; i++) {
        let li = document.createElement('li')
        li.innerHTML = ~~(Math.random() * total)
        ul.appendChild(li)
    }
    console.log('v8执行代码的时间:', Date.now() - prevTime); 
    setTimeout(() => {
        console.log('渲染页面的时间:', Date.now() - prevTime);
    }, 0)
</script>

Reference:
面试官:如何一次性渲染十万条数据
https://juejin.cn/post/7354940230301057033

posted @ 2024-05-16 14:35  彭成刚  阅读(21)  评论(0编辑  收藏  举报