第九章

jQuery Mobile

一、HTML5.0简介

谈到Web设计,我们经常把Web分为三个层:

(1)结构层;(2)表现层;(3)行为层。

对应的技术分别是:

(1)HTML;(2)CSS;(3)JavaScript

二、jQuery Mobile简介

对于Web开发者来说,jQuery是非常流行JavaScript类库,而且一直以来它都是为Web浏览器设计的,并没有特别为移动应用程序设计。jQuery Mobile则是用来填补jQuery在移动设备应用上的缺憾的一个新项目。它基于jQuery框架并使用了HTML5和CSS3这些新的技术,除了能提供很多基础的移动页面元素开发功能外,框架自身还提供了很多可供扩展的API,以便于开发人员在移动应用上使用。使用该框架可以节省大量的JavaScript代码开发时间。

三、jQuery Mobile主要特性

1.基于jQuery构建

它采用与jQuery一致的核心和语法,这样能让学习者倍感熟悉,学习曲线也是最小的。另外,它还使用了jQuery UI代码和模式。

2.兼容绝大部分手机平台

jQuery Mobile为所有的主流移动操作系统平台提供了高度统一的UI框架,而不必为每个移动设备编写独特的应用程序。

3.轻量级的库

基于速度考虑,真个库非常轻量级,同时对图片的依赖也降到最小。

4.模块化结构

创建定制版本只包括应用所需的功能,而不需要修改应用的结构。

5.HTML5标记驱动的配置

快速开发页面,把对开发人员的脚本能力需求降到最小化。

6.渐进增强原则

jQuery Mobile完全采用渐进增强原则:通过一个全功能的标准HTML网页和额外的JavaScript功能层,提供顶级的在线体验。

7.响应设计

通过灵敏的技术设计和工具,使得相同的基础代码库可以在不同屏幕大小中自动缩放。

8.强大的Ajax的导航系统

它使得页面之间跳转变得更加流畅,同时保持按钮,书签和地址栏的简洁。

9.易用性

一些辅助功能,比如WAI-ARIA,以确保页面可以在一些屏幕阅读器或者其他手持设备中正常工作。

10.支持触摸和鼠标事件

让触摸、鼠标、光标用户都能通过简单的API来流畅使用。

11.统一的UI组件

在触摸体验和主体化方面,jQuery Mobile加强和统一了本地控制。

12.强大的主体化框架

主体编辑器能很容易地进行高度个性化和品牌化的界面订制。

最新文章

  1. SCRIPT65535: 意外地调用了方法或属性访问 ie下不兼容 解决
  2. microstrip patch antenna
  3. 学android:直接用jdk来helloworld
  4. 也来玩玩 javascript对象深拷贝,浅拷贝
  5. xdebug安装
  6. ios中怎么样设置drawRect方法中绘图的位置
  7. UVa 10006 - Carmichael Numbers
  8. 获取bundle目录下的所有图片文件名
  9. Import和SQL*Loader这2个工具的异同
  10. freemarker常用的基本命令
  11. 几个个实用的PHP代码片段【自己备份】
  12. 清除IE输入框眼睛和叉叉
  13. C#调用短信接口(通过简单的工厂模式整合多个短信平台)
  14. MySQL性能、监控与灾难恢复
  15. Internet Information Services安装与启动
  16. C#中 Equals和= =的区别
  17. 使用echarts-for-react 绘制折线图 报错:`series.type should be specified `
  18. 关键字new与malloc函数
  19. Python将是人工智能时代的最佳编程语言
  20. 无备份mysql删除表后恢复

热门文章

  1. learning english
  2. Android进程回收的一些知识
  3. 长安大学ACM竞赛部
  4. Openjudge-NOI题库-和为给定数
  5. C#数字类型及运算符
  6. 为何没有.aspx.designer.cs文件?
  7. validate验证
  8. 安卓---Tabhost实现页面局部刷新--父页子页之间的传值
  9. 【Time系列一】datetime的妙用
  10. 前端好的工具集推荐 lodash