jQuery Mobile 1.0 BETA 3 页面预加载

针对移动设备的特性,在开发应用的过程中,我们需要时刻考虑如何去使应用运行的流畅,JQM框架也考虑到了移动设备特殊性,为我们提供了页面预加载的机制,使我们开发的应用拥有更好的用户体验。

当在页面中开启Ajax页面加载方式时,可以通过在页面中需要预加载的链接上设置data-prefetch属性来使JQM以静默的方式来加载该链接引用的页面,由于链接引用的页面被提前载入到当前的DOM中,所以当点击该链接时就会很快的显示这个页面,让操作变得流畅。

例如:

   1: <a href="eddyDemo.html" data-prefetch> ... </a>

只要你愿意,你可以在多个链接上添加data-prefetch属性,这样可以预加载这些链接引用的页面。

除此之外,你还可以用$.mobile.loadPage()方法来预加载相关页面。通过该方法你可以更加灵活的处理需要预加载的页面。

例如:

   1: $.mobile.loadPage( ‘eddyDemo.html’);

预加载的另一个优点就是在加载的过程中不会出现加载提示信息,是在用户完全不会感知到的情况下进行。只有在用户在访问到还没有加载完成的页面时才会出现加载提示信息。

任何事物都不是完美的,同样预加载机制也会有一些缺陷,它会占用比常规页面访问更多的连接数和数据流量,如果我们预加载的页面不是用户用户需要访问的页面,那么我们将会浪费用户的数据流量,这也是我们在开发过程中需要去权衡的。



[本日志由 eddy 于 2011-11-07 09:57 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 4796
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭