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’);

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值