Angular Perfs:Detached DOM树中的所有内容

时间:2016-10-27 13:27:57

标签: javascript angularjs google-chrome-devtools

我正在研究SAP,并尝试改进性能。我试图找到一些内存泄漏,并发现一些关于chrome dev工具的tuto配置文件 - >拍摄堆快照。

我试图找到一些独立的DOM树,但似乎很多(全部?)我的元素(div,ul ......)都是分离的DOM树,而所有这些元素实际上仍在我的DOM。

我想念一下吗?为什么所有元素都出现在分离的DOM树列表中?

例如:

这是指令:

<ul class="calque" id="listeCalques">
  <li ng-repeat="calqueModel in dirCtrl.viewController.getListeCalques() | orderBy:'$index'" ng-model="calqueModel">
      <div class="btn btn-primary btn-calque" ng-click="dirCtrl.viewController.basculerVisibilite(calqueModel)">
          <img src="/Content/Images/pictos/oeil.png" ng-class="{'opacite50': !calqueModel.visible}" />
      </div>
  </li>
</ul>

这里我把oeil.png分离了(好几次):

enter image description here

但是我们可以看到这些图像仍在DOM中:

enter image description here

0 个答案:

没有答案