什么是 endure
endure 是一个简单、轻量级的前端性能监控库，它可以用于监控某个操作的执行时间，并提供可视化的报告。endure 是通过 npm 安装使用的，可以用于前端的任何项目中。
安装 endure
在使用 endure 之前，需要先安装它。可以通过以下命令安装：
--- ------- ------ ----------
安装完成后，可以在项目的 package.json 文件中看到一个依赖项：
------------------ - --------- -------- -
如何使用 endure
在安装 endure 后，就可以愉快地开始使用它了。下面是一个简单的使用示例。
首先，在你需要监控性能的代码中，添加如下代码：
------ ------ ---- --------- --------------------------- -- ---- ---- --------- ---- --------------------------
本示例中，endure.start() 用于记录开始时间，endure.stop() 用于记录结束时间。
完成代码的添加后，需要在页面中添加一个 div，用于展示 endure 的报告。如下所示：
---- -------------------------
最后，在代码的末尾，添加如下代码：
------ ------ ---- --------- --------------- ---------- --------------- ---
以上代码将调用 endure.report() 并传递一个配置对象。这个对象的 container 属性必须是一个包含 endure 报告的 div 元素的 ID。
当你运行代码后，endure 会在你的设备上执行一些测量，并将结果可视化到我们前面提到的报告元素中。
endure 的报告细节
endure 报告提供了一些基本的结果，如执行时间，并使用饼图显示结果的百分比。除此之外，它还是非常灵活的，可以自定义报告内容。
例如，以下是一个自定义报告数据的示例：
----- ---- - ------------------ ---------- -- ----- ---- --- ------------------
以上代码将获取完整的 endure 执行数据，并将每个操作划分为 1ms 时间切片。
endure 还提供了许多其他功能，可以根据你的具体需要进行调整。
总结
现在你已经了解了 endure 的基础知识。它是一种强大的工具，用于监测前端代码的执行性能。当你在开发和测试代码时，使用 endure 可以帮助你识别和解决性能问题，还可以增加用户体验。
当然，作为一种工具，endure 只是帮助我们追踪并诊断代码问题的一种手段。与此同时，它仍然需要人类的智慧和经验才能真正发挥作用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671c530d09270238227c1