Cordova - 最佳实践

Cordova 用于创建混合移动应用程序，因此在为项目选择它之前，您需要考虑这一点。以下是 Cordova 应用程序开发的最佳实践。

单页面应用程序

这是所有 Cordova 应用程序的推荐设计。SPA 使用客户端路由器和加载在单个页面（通常为index.html）上的导航。路由通过 AJAX 处理。如果您遵循我们的教程，您可能已经注意到，几乎每个 Cordova 插件都需要等到设备准备就绪才能使用。SPA 设计将提高加载速度和整体性能。

触摸事件

由于 Cordova 用于移动领域，因此自然会使用touchstart和touchend事件而不是click事件。click 事件有 300 毫秒的延迟，因此点击感觉不原生。另一方面，并非所有平台都支持触摸事件。在决定使用哪种事件之前，您应该考虑这一点。

动画

您应该始终使用硬件加速的CSS Transitions而不是 JavaScript 动画，因为它们在移动设备上的性能会更好。

存储

尽可能使用存储缓存。移动网络连接通常很糟糕，因此您应该尽量减少应用程序中的网络调用。您还应该处理应用程序的脱机状态，因为用户设备有时会处于脱机状态。

滚动

大多数情况下，应用程序中第一个缓慢的部分将是滚动列表。有几种方法可以提高应用程序的滚动性能。我们的建议是使用原生滚动。当列表中有很多项目时，您应该部分加载它们。必要时使用加载程序。

图像

图像也可能减慢移动应用程序的速度。您应该尽可能使用 CSS 图像精灵。尝试完美地拟合图像，而不是缩放它。

CSS 样式

您应该避免阴影和渐变，因为它们会减慢页面的渲染时间。

简化

浏览器的 DOM 速度很慢，因此您应该尝试最大程度地减少 DOM 操作和 DOM 元素的数量。

测试

确保您在尽可能多的设备和操作系统版本上测试您的应用程序。如果应用程序在一个设备上运行完美，并不一定意味着它会在其他设备或平台上运行。