所在的位置: js >> js前景 >> 简码编程ChromeDevTools系列

简码编程ChromeDevTools系列

北京医院治皮肤科 http://m.39.net/pf/a_4781492.html
简码编程:ChromeDevTools系列教程83

在前端开发中,我们经常需要用js的进行大量的循环操作,比如用JS获取到数据后逐行添加到表格中等。在这种场景下,为了用户体验考虑,我们必须要优化代码执行时间,不要让用户花太多时间等待,而计算循环会消耗多少时间就是第一任务。

下面我们一起来看看在ChromeDevTools中怎么计算循环会消耗多少时间。首先打开百度,按F12调出ChromeDevTools,然后输入图示中的JS源码:

简码编程:ChromeDevTools系列教程83

运行之后,我们看到console里输出了这两个循环执行完成所需要的时间。

在ChromeDevTools中,“console.time()”和“console.timeEnd()”是一对用于计时的函数,“console.time()”表示计时开始,“console.timeEnd()”表示计时结束,从开始到结束的时间段就是中间代码块所消耗的时间。

“console.time()”和“console.timeEnd()”里的参数是标记,用于标记区分不同的代码块,以免混淆。

简码编程今天分享的小技巧大家GET到了吗?




转载请注明:http://www.aierlanlan.com/cyrz/1451.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了