Question

我目前正在使用第三方指令，我想知道在屏幕上呈现内容需要多长时间。

  console.time('time');
  tableservice.setColumns(columns);
  var dataView = new DataView();
  dataView.setItems(datarows);
  $scope.columns = tableservice.getColumns();
  $scope.dataView = dataView;
  console.timeEnd('time');

这是我为生成模型提供的代码，以便它可以显示在视图上。

我想花时间花多长时间，并且看到console.time方法变化太大，时间太糟糕了。

有时我会得到0.000毫秒和1.000毫秒，这根本不算细粒度。

对我来说，测试一下在视图上呈现内容需要多长时间的最佳方法是什么？

编辑：

我尝试了很多计时方法，而且它们似乎都跳得太多，所以我假设时间不是很准确。

有没有更好的方法来测试模型渲染到屏幕上需要多长时间？

Answer 1

如果你想要比这更准确的东西，你可以使用new Date().getTime()来获得以微秒为单位的时间。

此外，performance.now()似乎适用于此处，而且更准确。在这里查看一个很好的答案：https://stackoverflow.com/a/21120901/965907

所以：

  var startTime = new Date().getTime();
  tableservice.setColumns(columns);
  var dataView = new DataView();
  dataView.setItems(datarows);
  $scope.columns = tableservice.getColumns();
  $scope.dataView = dataView;
  console.log(new Date().getTime() - startTime);

定时渲染角度所需的时间

1 个答案: