檢測前端代碼運行時間

最近公司有個關於性能優化的問題，需要提升zTree樹加載速度，一直無法定位到時哪段代碼的運行速度較慢，只能通過執行去判斷，後面突然想到chrom瀏覽器能檢測接口返回耗時，能不能檢測某段代碼的運行時間的，百度了一下，還真有

主要有兩種

第一種就是通過設定兩個變量，記錄開始時間和結束時間，相減得到
        var beginTime = new Date();
       /*

       需要監測的代碼

        */
        var endTime = new Date();
        console.log('執行時間'+(endTime-beginTime)+"ms");

最後在控制檯會輸出：

第二種。專業的方法

使用console.time進行時間計算

這種方法在開始位置寫上console.time。在結束的位置使用console.timeEnd方法，傳入相同的名稱。
同樣的命名包裹着的就是監測的時間，也可以相互嵌套，但是必須閉合的相同的name才能獲得包裹的代碼運行時間

        console.time("time");   

       /*

       需要監測的代碼

        */
        console.timeEnd("time");
 

控制檯會打印出：