平台:全部(Android / ios / Windows等..)
问题1:
当前实现不会清除范围的删除。这会导致内存泄漏。即使微调器不在dom中,旋转动画也会继续运行。当范围被破坏时,应该停止动画。这也会降低滚动性能。
一旦它们被显示然后再次隐藏,它们仍然会在DOM中保持动画并消耗掉CPU。在Android设备上使用一段时间后,它可以加热手机并快速运行电池,特别是如果您在使用应用程序时在多个视图/场所加载了动画SVG。
问题2:
将微调器移出视图是不够的。 (为什么选择此解决方案而不是不透明度?)。微调器仍然会变得动画,并且会大大降低iOS设备上的滚动性能。即使不在视野中。
答案 0 :(得分:1)
我只是用.gif加载器替换了SVG微调器:
$ionicLoading.show({
template: "<span class='loader'></span>"
});
不是最好的解决方案,但至少它有效。