首页 > 解决方案 > 如何衡量 Angular 代码的性能

问题描述

在我的 Angular 应用程序中,我喜欢使用一个简单的实用程序库,它是一个带有一些 Array 实用程序方法(如 isEmpty、isNotEmpty 等)的类。通常我将库暴露给模板,创建一个如下所示的字段:

import {ArrayUtils} from 'common-utils/array-utils';
...
class ComponentName {
     ArrayUtils = ArrayUtils

然后我在需要的地方使用它,例如在 If 条件等中。

是否可以测量代码是否像

<div *ngIf="ArrayUtils.isEmpty(array)"></div>

比这样的东西慢或明显慢

<div *ngIf="array?.length"></div>

谢谢

标签: angular

解决方案


推荐阅读