我开始使用角度材料开发应用程序。我差不多完成了,但表现非常糟糕!
所有动画都是滞后的,滑动不好。 有没有解决这个问题的方法。现在我看到很多人都有这样的问题。
如果没有,我将很乐意使用可与PhoneGap配合使用的材料设计框架。
现在我使用角度,角度材料和自举。
答案 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的更高版本中使用它的动画