JavaScript查看代碼運(yùn)行效率console.time()與console.timeEnd()用法
程序運(yùn)行時(shí)間計(jì)算:
注意:測試代碼運(yùn)行時(shí)間的話console.time()與console.timeEnd()要一起使用,這是一個(gè)組合;這兩個(gè)之間的代碼就是要運(yùn)行測試程序的時(shí)間
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul id="list"> </ul> </body> <script> window.onload = function () { //優(yōu)化升級版 //先創(chuàng)建數(shù)組,把節(jié)點(diǎn)追加到數(shù)組里,再把數(shù)組裁切 //innerHTML只需解析1遍 var list = document.getElementById('list'); // 計(jì)算運(yùn)行時(shí)間開始 console.time("數(shù)組拼接時(shí)間"); var arr = []; for(var i=0;i<10000;i++){ arr.push("<li>通過js創(chuàng)建的第"+(i+1)+"個(gè)數(shù)據(jù)</li>"); } list.innerHTML = arr.join(""); // 計(jì)算運(yùn)行時(shí)間結(jié)束 console.timeEnd("數(shù)組拼接時(shí)間"); } </script> </html>
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法
這篇文章主要介紹了JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法,需要的朋友可以參考下2018-07-07uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程
經(jīng)常在做app的時(shí)候,會有做熱更新的需求,這也是常用的更新app的一種手段,下面這篇文章主要給大家介紹了關(guān)于uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11微信小程序中的店鋪評分組件及vue中用svg實(shí)現(xiàn)的評分顯示組件
這篇文章主要介紹了微信小程序之店鋪評分組件及vue中用svg實(shí)現(xiàn)的評分顯示組件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄猨avascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12javascript 具名函數(shù)的四種調(diào)用方式 推薦
看四種方式執(zhí)行結(jié)果沒有區(qū)別。但如果函數(shù)有返回值的話,用new方式調(diào)用時(shí)可能會讓你有些失望。2009-07-07ES6 Generator函數(shù)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Generator函數(shù)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6 Generator函數(shù)異步操作與異常捕獲相關(guān)使用技巧,需要的朋友可以參考下2019-06-06js全屏事件fullscreenchange 實(shí)現(xiàn)全屏、退出全屏操作
這篇文章主要為大家詳細(xì)介紹了js全屏事件fullscreenchange,實(shí)現(xiàn)全屏、退出全屏操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-09-09Electron 隱藏頂部菜單功能實(shí)現(xiàn)
本文介紹了如何在Electron應(yīng)用中隱藏頂部菜單,具體方法是在main.js文件中添加一行代碼,這是一個(gè)簡單有效的技巧,適用于需要簡化界面的Electron應(yīng)用2024-09-09