JQUERY MOBILE 1.0 BETA 3 中文基础——概述

这个版本应该是JQM1.0的API基本趋于稳定的一个版本,这个版本无论是在稳定性还是完善度来说将是JQM的里程碑。

版本特性:

1、pushState:简洁的Ajax地址导航

在HTML5中制定了一个这样的API,可以通过pushState方法的方式来修改URL,而又不会使浏览器刷新(详细请参考History API)。在beta3的版本中JQM已经加入了对history.pushState的支持,使得JQM在支持pushState的浏览器中地址栏内的URL显示相对简洁。JQM在支持HTML5浏览器中将会用history.replaceState()方法来对地址栏中的URL进行重写,使Ajax页面跳转时的地址显示页面的真正路径地址。

pushState是作为JQM的扩展功能使用,因此我们可以使用一个全局属性来设置这个功能的开关。例如:$ mobile.pushStateEnabled = FALSE;

2、新的beforechangepage事件:便于使用javascript来创建动态页面

为了方便开发人员用javascript+JSON的方式动态创建页面,JQM完善了页面加载事件。

在调用$.mobile.chengPage()的时候通常会依次触发一下事件:

l pagebeforechange

在页面加载之前触发

标准事件名称” beforechangepage”

l pagechange

在页面加载之后触发

标准事件名称” changepage”

l pagechangefailed

在动态加载页面失败的时候触发

使用beforechangepage事件可以很方便的运用javascript+JSON的方式动态创建页面,在页面被渲染之前来创建该动态页面。

3、iOS5:优化页面过渡效果和固定工具条

针对iOS5的特性进行了页面性能优化,包括在页面转换是的过渡效果、固定工具条的性能。

由于在一些处理能力较差的移动设备中设定固定工具条后,在滚动页面是出现工具条卡在屏幕中间的情况,严重影响使用和用户体验的效果。

建议在非iOS5下避免使用固定工具栏的设定。

4、关键帧动画转换开关:Post 1.0

由于Wibkit核心的限制,JQM默认使用了关键关键帧动画,JQM开发团队花了很大的精力将这些动画实现了CSS动画的方式,这样更加的符合W3C的标准。然而经过测试发现CSS动画和关键帧动画在性能和流畅度上的差别不是很大,并且部分浏览器对CSS动画的支持并不是很好,因此JM团队保留了一个动画模式的转换开关,作为在浏览器对动画完全支持之前的过渡方案。

5、下载工具:按需下载

JQM开发团队已经开始着手分解JQM的组件,使用户可以根据需要定制JQM库做包含的组件,用户可以下载只包含需要的组件JQM库,这样可以减小JQM库的体积。

6、更多的平台支持

支持了更多的移动设备平台,增加里对A、B、C级浏览器使用”渐进增强,平稳退化”的支持方式。

A级 -全面增强的基于Ajax的动画页面转换体验。

B级 -除了没有Ajax导航功能的增强体验。

C级 -基本,非增强HTML的体验,功能仍然可用

注意:在此版本中重新规范了页面事件的命名,使命名更加的规范化:

旧的命名

新的命名

备注

beforechangepage

pagebeforechange

页面装载之前触发

changepage

pagechange

页面加载之后触发



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