班级链接：

https://developer.huawei.com/consumer/cn/training/classDetail/46b54a56c7e54e74973e0af43c077bff?type=1?ha_source=hmosclass&ha_sourceId=89000248

 

1. 核心内容

DevEco Studio内置性能工具，能监控应用内存泄漏、帧率波动、CPU占用等关键指标，核心是使用Memory Profiler检测内存泄漏，使用UI Profiler监控帧率。Memory Profiler通过抓取内存快照，分析对象引用关系，定位泄漏点（如未注销的监听器、静态对象持有组件引用）；UI Profiler实时监控界面帧率，定位卡顿问题（如主线程耗时操作）。适合应用性能优化阶段，能快速定位性能瓶颈。

2. 代码示例（内存泄漏场景与修复）

typescript

// 内存泄漏场景1：静态对象持有组件引用

class GlobalManager {

  public static instance: GlobalManager;

  public callback: () => void; // 持有组件回调引用

 

  public static getInstance() {

    if (!this.instance) {

      this.instance = new GlobalManager();

    }

    return this.instance;

  }

}

 

// 修复前：组件销毁时未注销回调，导致内存泄漏

@Entry

@Component

struct LeakDemo {

  aboutToAppear() {

    // 静态对象持有组件回调，组件销毁后引用未释放

    GlobalManager.getInstance().callback = () => {

      console.log("执行回调");

    };

  }

 

  // 修复后：组件销毁时注销回调

  aboutToDisappear() {

    // 关键：注销回调，释放引用

    GlobalManager.getInstance().callback = null;

  }

 

  build() {

    Column() {

      Text("内存泄漏修复演示")

    }

  }

}

 

// 帧率监控：避免主线程耗时操作

async function loadData() {

  // 错误：主线程执行耗时操作，导致帧率下降

  // const data = await fetchLargeData(); // 耗时500ms

 

  // 正确：子线程执行耗时操作

  taskPool.execute(async () => {

    const data = await fetchLargeData();

    // 主线程更新UI

    postMessage({ type: "DATA_LOADED", data });

  });

}

3. 总结

性能工具使用的核心是“精准定位瓶颈”，Memory Profiler能有效检测内存泄漏，UI Profiler监控帧率波动。实际开发中，内存泄漏常见场景包括未注销的监听器、静态对象持有组件引用、资源未释放（如文件流、网络连接）；帧率问题多源于主线程耗时操作。通过性能工具定位问题后，针对性优化（如注销引用、子线程处理耗时操作），能大幅提升应用性能。

4. 注意事项

1. 内存快照需在关键节点抓取（如组件创建/销毁后），便于对比分析；

2. 帧率监控需在真实设备上测试，模拟器结果可能不准确；

3. 避免频繁抓取性能数据，影响应用运行；

4. 优化后需重新测试性能，验证优化效果；

5. 复杂场景可结合系统性能监控工具（如鸿蒙性能分析器）。