zoukankan      html  css  js  c++  java
  • jQuery Mobile 1.3.0发布

    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

  • 相关阅读:
    Bootstrap入门
    CSS3动画详解(图文教程)
    CSS3属性详解(图文教程)
    CSS3选择器详解
    HTML5详解
    jQuery动画详解
    jQuery的介绍和选择器详解
    html 出现粒子线条,鼠标移动会以鼠标为中心吸附的特效之canvas-nest.js插件
    div 内容宽度自适应、超出后换行
    layui layui.open弹窗后按enter键不停弹窗问题的解决
  • 原文地址:https://www.cnblogs.com/shihao/p/2966754.html
Copyright © 2011-2022 走看看