PhoneGap Angular材料非常慢

时间:2015-09-06 03:58:51

标签: html cordova angular-material

我开始使用角度材料开发应用程序。我差不多完成了,但表现非常糟糕!

所有动画都是滞后的,滑动不好。 有没有解决这个问题的方法。现在我看到很多人都有这样的问题。

如果没有,我将很乐意使用可与PhoneGap配合使用的材料设计框架。

现在我使用角度,角度材料和自举。

1 个答案:

答案 0 :(得分:2)

您需要强制加速硬件。这不是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的更高版本中使用它的动画