Blog Logo

开发Cordova App的黄金守则

写于2015-11-27 14:51 阅读耗时4分钟 阅读量


开发Cordova App的黄金守则

本章给大家先讲几点关于Cordova App开发的黄金准则,如果你做不到下面这几点的话,那么你的Cordova App必卡无疑。


单页面应用(SPA:Single Page Application)

大家都知道传统网页是点击一个个链接加载一个个网页,而单页面应用(以下简称SPA)App不管有多少个页面,都是跑在一个Html页面里面,视觉上面的页面切换是通过隐藏、显示页面中不同的Div来实现的。 SPA通常用于更加复杂的Web应用,可以让你更有效的组织管理你的应用页面。对于Cordova App,SPA还有个另外的好处:Cordova App必须等待deviceready事件被触发之后才能调用特定的设备API(由插件提供)。 如果你不使用SPA,每次从一个页面切换到另一个页面,都是全新加载一整个页面,那么你每次都必须要等到deviceready事件触发之后才能调用设备API,当你的App很复杂的时候这将会产生很多问题,而且全新加载一个页面也会减损App的性能,因为全新加载一个页面会重新加载各种js、css、图片等资源


性能考虑

这里我们先列出几个重要的常见的性能注意点。 1.点击(click)对触摸(touch)问题 在手机等触摸设备上面,尽管click事件也可以正常工作,但是大多数设备为了区别触摸触摸保持两个事件会强加300ms的延迟在click事件上。这样会给用户带来极其不好的页面反应迟钝体验,所以用touchstart或者touchend来取代click事件可以取得明显的页面反应速度提升。 通常我们会用现有的JS库如Fastouch、appframework来模拟click事件,这样我们原来写的代码就不用改动,也能获得立即反应单击事件。 2.CSS动画对JS动画 在Cordova中,你要尽量使用硬件加速的CSS动画来代替JS操作DOM实现的动画,这样可以极大的提高页面动画性能,已达到原生的效果。 3.缓存网络加载的数据 缓存从服务器加载的数据,可以极大的提高App的视觉性能。在后续系列的文章中我将会深入详细讲解xxxApp使用了哪些性能优化技巧从而使其成为Cordova App性能体验的佼佼者。


正确处理网络掉线问题

在App向服务器端请求数据的时候,随时有可能网络中断或者服务器暂时罢工的情况,要妥善处理这些情况,以免让用户感觉App像崩溃了一样,造成极坏的体验,后面会给大家讲解在xxx中是如何统一管理Ajax请求的。


要经常升级你的Cordova

1.Cordova新版本的发布有时会解决安全问题,更新升级保证你的应用更加安全。 2.经常更新升级Cordova可以让你的技术一直保持更新状态。

Headshot of Maxi Ferreira

怀着敬畏之心,做好每一件事。