📜  Cordova-最佳做法

📅  最后修改于: 2020-12-09 05:39:43             🧑  作者: Mango


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

单页应用

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

触摸事件

由于Cordova用于移动世界,因此很自然地使用touchstarttouchend事件而不是click事件。点击事件有300毫秒的延迟,因此点击不会感觉很自然。另一方面,并非所有平台都支持触摸事件。在决定使用什么之前,您应该考虑到这一点。

动画制作

您应该始终使用硬件加速的CSS Transitions代替JavaScript动画,因为它们在移动设备上的性能更好。

存储

尽可能使用存储缓存。移动网络连接通常较差,因此您应尽量减少应用内的网络通话。您还应该处理应用的离线状态,因为有时用户的设备会离线。

卷动

大多数情况下,应用程序中最慢的部分是滚动列表。有几种方法可以改善应用程序的滚动性能。我们的建议是使用本机滚动。如果列表中有很多项目,则应部分加载它们。必要时使用装载机。

图片

图片也会降低移动应用的速度。您应该尽可能使用CSS图片精灵。尝试完全适合图像,而不是缩放图像。

CSS样式

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

简化版

浏览器的DOM速度很慢,因此您应尽量减少DOM操作和DOM元素的数量。

测试中

确保您在尽可能多的设备和操作系统版本上测试您的应用程序。如果应用程序可以在一台设备上正常运行,则不一定意味着它可以在其他设备或平台上运行。