android - 构建混合移动应用程序

Question

我一直在构建一个移动应用程序，当我将我的应用程序移植到 Android 时遇到了一个主要的性能问题。主要问题之一是过渡不够“原生”。我决定采用不同的方法来解决此类问题:在 native 包装器中使用 webView。

使用 Ionic 构建应用程序并为导航栏、过渡和键盘提供原生 Android 包装器是否是一种好的做法？让我感到困惑的一件事是 Ionic 带有 Cordova 集成，如果我有包装器，我并不真正需要它。

Answer 1

在ionic framework官方文档中，你可以看到ionic framework is Performance obsessed。

速度很重要。如此重要以至于您只有在它不存在时才会注意到。 Ionic 旨在在最新的移动设备上表现出色。具有最少的DOM 操作、零 jQuery 和硬件加速转换。

混合开发涉及将应用程序开发为在浏览器中运行的 Web 应用程序，然后以某种方式包装它们，使其在 iOS 和 Android 等移动操作系统上作为 native 应用程序运行。混合开发还大大简化了应用程序生命周期的管理，Web 应用程序的混合版本可以在 Apple 的 App Store 和 Google 的 Play Store 中注册。

如果您想增强混合应用程序的性能和用户体验，您必须遵循一些最佳实践。

以下是一些性能提示:

1.Crosswalk:这是主要性能改进的主要工具(在 Android 4.4 < 中没有内置 Chromium 浏览器)。如果使用 ionic cli 安装 crosswalk 导致错误和错误(几乎肯定会)，请下载 Intel XDK，您可以从那里使用 Crosswalk 非常轻松地测试/调试/构建您的应用程序。

2.我目睹的另一件事导致了一些主要的性能问题是背景图像和渐变，我仍然不确定整体的不透明度性能，但是当我去掉这两个时，滚动和过渡变得非常快。使用基于硬件的 css (translate3d) 在 DOM 周围移动内容。

3.ionic run android会生成一个APK，但是做ionic build android要好得多

5.使用 ng-if 代替 ng-show，see difference

4.在您的 gulpfile.js 中减少 JS 和 CSS、连接和剥离调试。

5.尽量使用ionic的collection-repeat否则在ng-repeat中使用one time binding

6.不要在 View 中使用更多过滤器。而不是在代码中使用“$filter”。过滤器会对性能产生负面影响。尽可能使用指令。

7.尽可能减少DOM。它占用了过多的 CPU 负载。

8.即使在指令参数中也尽可能使用一次性绑定(bind)'::'。 例如:传递给指令的值。我的指令::参数 1
这意味着更少的观察者，这意味着更好的性能。

9.避免 ​​$scope.$apply() 因为它处理所有的事情。请改用 $scope.$digest() ，它只会从调用它的范围内进行处理。

10.将您的 $$watchers 保持在绝对最低限度!

11.只 bundle 你需要的东西。确保在库等方面包含最低限度的内容。

12.避免使用 JQuery 及其插件。

please check this video that will help you a lot to enhance the performance of your hybrid application.

祝一切顺利