• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Cordova 最佳实践

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

单页应用程序

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

触摸事件

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

动画

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

存储

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

滚动

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

图片

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

CSS样式

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

简化

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

测试

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
下一篇:
Cordova 白名单发布时间:2022-02-02
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap