检测前端代码运行时间

最近公司有个关于性能优化的问题，需要提升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");
 

控制台会打印出：