PhoneGap Angular material 很慢

Question

我开始使用 angular-material 开发应用程序。快完成了，但是性能真的很差！

所有的动画都卡顿了，滑动也不好。有没有解决这个问题的方法。现在看到很多人都遇到过这样的问题

如果没有，我很乐意 material 设计适用于 PhoneGap 的框架。

现在我使用 angular、angular material 和 bootstrap。

Answer 1

您需要强制硬件加速。这不是 Angular / Phonegap 中的内置功能，而是您目前（在大多数情况下）可以通过一些 CSS3.

实现的技巧

以下内容应该足以应对大多数情况，但我肯定会建议进行一些额外的研究以获得更好的性能。

-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);

将以上内容应用于 css（即动画）中的各种元素应该强制 GPU / 硬件加速。

通常的做法是避免使用 Jquery 或其他面向客户端的库进行繁重的 DOM 操作（通常与动画有关），而是使用 CSS3 代替。

顺便说一句，模块 ng-animate 纯粹使用 CSS3 在 AngularJs

的更高版本中使用它的动画

PhoneGap Angular material 很慢

PhoneGap Angular material very slow

html

cordova

angular-material