如何减少/消除 Angular 应用程序中的内存泄漏

Question

我正在优化我的大Angular App。我发现Google DevTools 非常适合检测问题。由于我刚刚开始了解DevTools，我对内存泄漏感到非常困惑。

当我在我的应用程序中来回移动到不同页面时，配置文件堆快照大小一次又一次地增加，所以我认为有些对象没有被 GC 清理，这就是我的应用程序在一段时间后变慢的原因如何解决这个问题。请帮忙。

注意

这是我使用 DevTools 所理解的，如果我错了，请纠正我。欢迎提出其他建议。

到目前为止我用过的

1. AngularOnce 指令用于在需要时减少监视。
2. QuickList 指令将 ng-repeat 替换为 quick-ng-repeat。
3. InView 指令，用于处理大型列表，因此我正在删除不在视口中的 DOM。
4. ngInfiniteScroll 指令的延迟加载方法。

Answer 1

1. 删除绑定以避免内存泄漏，使用范围 $destroy() 方法。

   注意：

   Angular 内存泄漏最可能的罪魁祸首是 你的指令。如果您在指令中附加事件侦听器 使用 JQuery 插件，后者将保留对您的 DOM 的引用 即使在 Angular 删除了它自己对 DOM 的引用之后，这意味着 它永远不会被浏览器垃圾收集，反过来 意思是你记忆中的“分离的 DOM 树”

   在您的指令中保持练习解除 jQuery 事件的绑定。 $destory 方法，可用于在执行之前清理 DOM 绑定 元素已从 DOM 中移除。

    $scope.$on("$destroy",function() {
       $( window ).off( "resize.Viewport" );
    });    
   

2. 不要忘记在你的 $destroy 事件中取消 $timeout 计时器 AngularJS

   $scope.$on("$destroy",function( event ) {
       $timeout.cancel( timer );
   });