jQuery 基金会发布了旗下的 JavaScript 和 HTML5/CSS 框架 jQuery Mobile 1.3.0。更新主要集中在响应式的 web 设计并新增了多个移动应用的 widget。
响应式 web 设计 (RWD) 旨在提供最佳的用户浏览体验,不管使用的是什么设备、什么浏览器。RWD 使用 CSS 媒体查询 (media queries) 语言在浏览器中动态适配页面布局,而不是在服务端检测用户代理(User Agent)。因此,它不仅可以根据不同的屏幕尺寸渲染页面,还能响应设备的横竖屏切换。
jQuery Mobile 项目经理 Todd Parker,详述了 1.3.0 版本中向响应式设计过渡的详情:
jQuery Mobile 被设计为不仅能在手机上运行,在平板电脑甚至桌面浏览器中也是可以运行。移动设备优先考虑,但不局限于移动设备。事实上,在我们的下一个版本中,我们将要开始和 jQuery UI 作更紧密的整合,其目标在于能让开发者共享更多的代码和保留旧的习惯。我们 1.3 版本的重点是通过增加响应式 Web 设计的文档和能说明其关键概念的示例,给开源社区提供指引,我们还加入了新的 widget,如响应式表格,面板和网格,使用这些 widget 能够轻而易举地建立响应式的网站和应用。
除了这些新增的响应式 widget 部件,本次更新还包括一系列新的 UI 元素和功能:
- 输入表单(input-form)及菜单风格 (menu-style) 的面板,在屏幕较小的设备上可以动态打开,在屏幕较大的设备上能保持开启状态。
- 在范围选择滑块中添加加了两个输入框,可以分别定义最小值和最大值
- 填加了新的图标和丰富了图标的样式
- 导航事件和导航方法中,在基于 Ajax 的 DOM 事件响应中支持浏览器历史事件的处理
- 增强了 swipe 事件的处理,在 swipe 事件的开始和结束都能增加自定义逻辑
jQuery 基金会提供了各种不同的库以简化 JavaScript 和 HTML5/CSS 的应用设计,提供跨浏览器的兼容性。除了专注于移动界面的 jQuery Mobile ,jQuery 基金会还提供了增强 JavaScript 和 Ajax 功能的 jQuery ,针对桌面应用用户界面的 jQuery UI 以及 JavaScript 单元测试框架 QUnit 。
原文链接: jQuery Mobile 1.3.0 Released
感谢雷慈祥对本文的审校。
给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ )或者腾讯微博( @InfoQ )关注我们,并与我们的编辑和其他读者朋友交流。
评论