×

Cordova 教程

Cordova 概述Cordova 环境配置Cordova 第一个应用程序Cordova config.xml文件Cordova 存储Cordova 事件Cordova 返回按钮Cordova PlugmanCordova 电池状态Cordova 相机Cordova 联系人Cordova 设备Cordova 加速计Cordova 设备方向Cordova 对话框Cordova 文件系统Cordova 文件传输Cordova 地理位置Cordova 全球化Cordova InAppBrowserCordova 媒体Cordova 媒体捕获Cordova 网络信息Cordova 闪屏Cordova 振动Cordova 白名单Cordova 最佳实践

Cordova 最佳实践


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

单页应用程序

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

触摸事件

由于Cordova用于移动世界,因此使用 touchstart touchend 事件而不是点击事件是很自然的事。 点击事件有300毫秒的延迟,因此点击不感觉本机。 另一方面,每个平台都不支持触摸事件。 在决定要使用什么之前,应该考虑这一点。

动画

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

存储

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

滚动

大多数时候,你的应用程序中的第一个慢部分将滚动列表。 有几种方法来提高应用程序的滚动性能。我们的建议是使用本机滚动。当列表中有很多项目时,您应该部分加载它们。必要时使用装载机。

图片

图片也可以减慢移动应用程序。你应该尽可能使用CSS图像精灵。尝试完全适合图像,而不是缩放它。

CSS样式

你应该避免阴影,渐变,因为它们减慢了页面的呈现时间。

简化

浏览器的DOM很慢,所以你应该尽量减少DOM操作和DOM元素的数量。

测试

请务必始终在尽可能多的设备和操作系统版本上测试您的应用程序。如果应用程序在一个设备上完美无缺地工作,这并不意味着它将在其他设备或平台上工作。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)