首页 > 解决方案 > 表数据加载后显示时间

问题描述

我有一个 HTML 表,它呈现一个 1 MB 文件的大 JSON 对象,我想告诉用户该对象有多大以及在 Angular 6 应用程序中显示数据需要多少时间,请提供任何指针。

传入的数据可能因服务而异。

该行应该说,绑定到表格 HTML 的对象是x MB,并且在表格完成以 HTML 格式显示数据后,加载数据需要y秒。

面对我们正在对大对象进行性能测试,因此我们将从服务中做一些事情。

标签: htmlangular6

解决方案


  1. 在发出请求执行 API 之前使用当前时间创建变量,例如
    const requestStart = new Date()
  2. 提出要求
  3. 当响应从 API 返回时,获取Content-Length标头(我不知道您使用什么库来获取请求,所以我无法帮助如何从中获取标头)并将其分配给另一个变量 - 它会给您文件大小
  4. 用日期减去当前日期requestStart- 它会给你时差

推荐阅读