- 科尔多瓦教程
- 科尔多瓦 - 主页
- 科尔多瓦 - 概述
- 科尔多瓦 - 环境设置
- 科尔多瓦 - 第一次申请
- Cordova - Config.xml 文件
- 科尔多瓦 - 存储
- 科尔多瓦 - 活动
- 科尔多瓦 - 后退按钮
- 科尔多瓦 - 普拉格曼
- Cordova - 电池状态
- 科尔多瓦 - 相机
- 科尔多瓦 - 联系方式
- 科尔多瓦 - 设备
- Cordova - 加速度计
- Cordova - 设备方向
- 科尔多瓦 - 对话
- 科尔多瓦 - 文件系统
- 科尔多瓦 - 文件传输
- 科尔多瓦 - 地理定位
- 科尔多瓦 - 全球化
- Cordova - InAppBrowser
- 科尔多瓦 - 媒体
- Cordova - 媒体捕获
- 科尔多瓦 - 网络信息
- 科尔多瓦 - 启动画面
- 科尔多瓦 - 振动
- 科尔多瓦 - 白名单
- 科尔多瓦 - 最佳实践
- 科尔多瓦有用资源
- 科尔多瓦 - 快速指南
- 科尔多瓦 - 有用的资源
- 科尔多瓦 - 讨论
科尔多瓦 - 最佳实践
Cordova 用于创建混合移动应用程序,因此在为项目选择它之前需要考虑这一点。以下是 Cordova 应用程序开发的最佳实践。
单页应用程序
这是所有 Cordova 应用程序的推荐设计。SPA 使用客户端路由器和加载在单个页面(通常是index.html)上的导航。路由通过 AJAX 处理。如果您遵循了我们的教程,您可能会注意到几乎每个 Cordova 插件都需要等到设备准备就绪才能使用。SPA设计将提高加载速度和整体性能。
触摸事件
由于 Cordova 用于移动世界,因此很自然地使用touchstart和touchend事件而不是单击事件。点击事件有 300 毫秒的延迟,因此点击感觉不自然。另一方面,并非所有平台都支持触摸事件。在决定使用什么之前,您应该考虑到这一点。
动画
您应该始终使用硬件加速的CSS 过渡而不是 JavaScript 动画,因为它们在移动设备上表现更好。
贮存
尽可能使用存储缓存。移动网络连接通常很差,因此您应该尽量减少应用程序内的网络调用。您还应该处理应用程序的离线状态,因为有时用户的设备会离线。
滚动
大多数时候,应用程序中第一个缓慢的部分是滚动列表。有几种方法可以提高应用程序的滚动性能。我们的建议是使用本机滚动。当列表中有很多项目时,您应该部分加载它们。必要时使用装载机。
图片
图像也会减慢移动应用程序的速度。您应该尽可能使用 CSS 图像精灵。尝试完美地适应图像而不是缩放图像。
CSS 样式
您应该避免阴影和渐变,因为它们会减慢页面的渲染时间。
简化
浏览器的 DOM 速度很慢,因此您应该尽量减少 DOM 操作和 DOM 元素的数量。
测试
确保在尽可能多的设备和操作系统版本上测试您的应用程序。如果应用程序在一台设备上完美运行,并不一定意味着它可以在其他设备或平台上运行。