Я начал разрабатывать приложение с использованием углового материала. Я почти закончил, но производительность очень плохая!PhoneGap Угловой материал очень медленный
Вся анимация - это отставание, а салфетка не очень хорошая. Есть ли решение этой проблемы. Теперь я вижу, что у многих людей были такие проблемы.
Если нет, я буду рад материальному дизайну, который будет работать с PhoneGap.
Теперь я использую угловой, угловой материал и бутстрап.
Вы захотите принудительно ускорить аппаратное ускорение. Это не встроенная функция в 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
Я использую угловой материал ... Как я могу добавить это в анимацию рамки? –
Не могли бы вы опубликовать пример использования трюка css выше? Я не так хорош с css. –
Если вы используете anggular с начальной загрузкой, посмотри на HTTP: // tilwinjoy .github.io/angular-bootstrap-material /, это уменьшит конфликты css и отменит загрузку с вашего приложения. –