jQuery Mobile 1.3.0发布

标签: jquery mobile 1.3.0 | 发表时间:2013-03-14 14:23 | 作者:
分享到:
出处:http://pipes.yahoo.com/pipes/pipe.info?_id=10560380f804c7341f042a2b8a03e117

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)关注我们,并与我们的编辑和其他读者朋友交流。

您可能也会喜欢

相关 [jquery mobile 1.3.0] 推荐:

jQuery Mobile 1.3.0发布

- - InfoQ cn
jQuery基金会发布了旗下的JavaScript和HTML5/CSS框架 jQuery Mobile 1.3.0. 更新主要集中在响应式的web设计并新增了多个移动应用的widget. 响应式web设计(RWD)旨在提供最佳的用户浏览体验,不管使用的是什么设备、什么浏览器. RWD使用CSS媒体查询(media queries)语言在浏览器中动态适配页面布局,而不是在服务端检测用户代理(User Agent).

关注:jQuery Mobile来了!

- sheng - 膘叔
  为了让移动设备也能用上jQuery,jQuery开发团队发布了jQuery移动设备版开发项目jQuery Mobile Project(http://jquerymobile.com). jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.

jQuery Mobile开发HTML5移动应用

- - HTML5研究小组
随着移动互联世界的到来,目前已发展到多种移动 操作系统割据的局面,而开发者则急需要能运用原有的开发知识和技能,快速方便地构建移动应用程序,并期望能运行在不同的 手机操作平台上,比如Android,iOS,黑莓等. 而目前,出现了一批十分优秀的支持HTML5/CSS3的移动应用开发框架,其中最为大家熟悉的是jQuery Mobile框架(http:// jquerymobile.com),它可以让熟悉jQuery框架的开发者快速开发出基于HTML5的移动应用,而且直接通过 手机的浏览器即可浏览.

easy Html5 - Jquery Mobile之ToolBars(Header and Footer)

- - 博客园_首页
jquery 在web js框架上的风暴还在继续却也随着移动终端走向了mobile;那么jquery mobile到底包括些什么呢. 页面Header是一个data-role为header的div,当然我们可以在这个div里定义其他任何内容,比如常用的后退按钮等;. 一般在header里添加的button不要太多,添加在header里的按钮带有自动定位功能;.

最新jQuery Mobile 1.2版本新特性

- - 前端观察
大家还记得在jQuery 1.0 RC版本发布的时候我们曾经发布过一个 jQuery Mobile RC版本介绍文章介绍主要的特性. 就在前不久,jQuery Mobile团队又发布了jQuery Mobile 1.2. 新版本中带来了一些非常不错的特性. 在今天的这篇文章中我们将继续介绍1.2版本的一些新的widget,及其一些针对老版本widget的功能加强.

10款不错的 jQuery Mobile 插件推荐

- caoxg - ITeye资讯频道
jQuery 是一个非常流行的JavaScript库,你可以在web项目中使用这个库,通过短短的几行代码就可以创建漂亮的效果. 下面列出了10款非常不错的jQuery 移动插件,可以让开发人员在移动开发中更加便捷和得心应手.                                                                .

jquery mobile搭配REST是不错的选择

- - ITeye博客
现在,jquery mobile由于可以使用HTML5去 编写移动网页,因此如果是普通的网站,. 想搞个移动版本之类的话,可以尝试用jquery mobile,比如有些功能,需要返回给. 移动端的话,可以使用后端REST的风格,以JSON形式返回给前端,然后jquery mobile. 有利用ajax发起向后端拿到REST返回的结果,在前端解析,效果是不错的.

微软把Metro主题引入到了jQuery Mobile和 Windows Phone

- - Web App Trend
获得微软开放公司的许可后网站和移动app就可以使用Metro样. 微软开放技术公司已经使Metro样式主题可以在开源移动UI框架jQuery Mobile上使用,这样,Windows Phone 7.5 操作系统上的应用就可以采用Metro界面风格. Metro本来是为Windows 8 操作系统而设计的平板电脑界面风格,但它同时也可用于Windows Phone.

2小时学会jquery mobile开发移动网站

- - 鲁塔弗的博客
jQuery Mobile: http://jquerymobile.com,一个基于jquery的html 5移动网站框架,用它做出来的网站界面和App风格类似. 方案选型过程见 http://lutaf.com/145.htm. 优点1:开发特别简单,不需要美术资源,甚至不需要太多css/html编程经验,甚至不需要js编程技能,普通程序员就能很快学会制作出 美观大方的 mobile site.

Weaver Mobile招聘

- HACK21 - 弯曲评论
Weaver Mobile是一家专注于下一代SNS的移动互联网公司. 成立于2011年4月,并获得了业界著名的风险基金的投资和支持. 我们将会在六月开始在北京上地建立研发中心. 诚恳的邀请在Android,iPhone应用系统开发有兴趣,or/and 有经验的朋友加盟. 我们期望您,具备良好的数据结构的基础,具备良好的和至少C语言功底.