说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

jQuery Mobile 开发入门手册--概述

HTML文档下载 WORD文档下载 PDF文档下载
此文档是基于 jQuery Mobile 框架的移动设备 Web 应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。

 

作者:张勇辉

此文档是基于 jQuery Mobile 框架的移动设备 Web 应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。

 

框架特性

 

JQuery Mobile 以“Write Less, Do More”作为目标,为所有的主流移动操作系统平台提供了高度统一的 UI 框架:jQuery 的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的 Web 应用程序,而不必为每个移动设备编写独特的应用程序或操作系统。jQuery Mobile 目前支持的移动平台有苹果公司的 iOS(iPhone,ipad,iPod  Touch),Android,Black Berry OS6.0,惠普 WebOS,Mozilla的Fennec和Opera Mobile。今后,将增加包括Windows 

Mobile,Symbian 和 MeeGo 在内的更多移动平台。

根据 jQuery Mobile 项目网站,目前 jQuery Mobile 的特性包括:

• jQuery 核心——与 jQuery 桌面版一致的 jQuery 核心和语法,以及最小的学习曲线。

• 兼容所有主流的移动平台——iOS、Android、BlackBerry,Palm WebOS、Symbian、Windows 

Mobile、BaDa、MeeGo 以及所有支持 HTML 的移动平台。

• 轻量级 alpha 版本的 jQuery Mobile  其 JavaScript  大小仅为 12KB  , CSS  文件也只有

6KB 大小。

• 标记驱动的配置 jQuery Mobile 采用完全的标记驱动而不需要 JavaScript 的配置。

• 渐进增强 jQuery Mobile 采用完全的渐进增强原则:通过一个全功能的 HTML 网页,和额外的JavaScript功能层,提供顶级的在线体验。这意味着即使移动浏览器不支持JavaScript,基于 jQuery Mobile 的移动应用程序仍能正常的使用。

• 自动初始化通过使用 mobilize()函数自动初始化页面上的所有 jQuery 部件。

• 无障碍 包括 WAI-ARIA 在内的无障碍功能以确保页面能在类似于 VoiceOver 等语音辅助

程序和其他辅助技术下正常使用。

• 简单的 API  为用户提供鼠标、触摸和光标焦点简单的输入法支持。

• 强大的主题化框架 jQuery Mobile 提供强大的主题化框架和 UI 接口。

 

版本约定

 

为了避免由于版本不统一等引发的问题,在此次撰写中对框架的版本进行了如下约定 :

jQuery 核心:V 1.50

Mobile 核心:V 1.0  ALPHA 3初始配置

在<head>中按顺序加入框架的引用,注意加载的顺序:

<link rel="stylesheet" type="text/css" href="jquery.mobile-1.0a2.min.css">

<script src="jquery-1.4.4.min.js"></script>

<!--这里加入项目中其他的引用-->

<script src="jquery.mobile-1.0a2.min.js"></script>

ps:建议在 meta 中加入'”charset=utf-8”的声明,避免出现乱码和响应方面的问题

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  或 者 <meta 

charset="utf-8" />

 

页面声明

 

建议在页面中使用 HTML5 标准的页面声明和标签,因为移动设备浏览器对 HTML5 标准的支持程度要远远优于 PC 设备,因此使用简洁的 HTML5 标准可以更加高效的进行开发,免去了因为声明错误出现的兼容性问题。

HTML5 页面基础元素:

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<title>标题 </title>

<meta charset="UTF-8">

</head>

<body>

</body>

</html>

 

Visual Basic 5.0中实现视频画中画 Visual Basic 中制作流水灯 Visual Basic动画编程技术 Visual Basic环境下Video/ Audio压缩数据流播放技术 Visual Basic设计多媒体应用程序 Visual Basic影音控制 Web动画图像分解在VB动画设计中的应用 播放 .flc 动画 -VB资料 播放 AVI -VB资料 播放MP3文件 -VB资料 播放背景音乐 -VB资料 播放声音文件 -VB资料 播放资源文件文件中的声音-VB资料 不用ActiveX控件也能播放声音文件-VB资料 VB创建动态图标 电影结束画面的卷动效果-VB资料 二进制操作截取VCD片断 -VB资料 非常VB测声卡 关闭屏幕保护功能,改变屏保等待时间 -VB资料 VB获取桌面窗口图象 红色警戒&amp;终级动员令-VB资料 检查是否安装声卡 -VB资料 将 .flc 动画档放在某一个 hWnd 之中播放 -VB资料 截取屏幕图像-VB资料 开机,自动更换墙纸 -VB资料 控制PC喇叭 -VB资料 利用VB测声卡 利用VB进行多媒体程序设计初步 利用Visual Basic设计多媒体应用程序 满屏播放AVI文件-VB资料 平铺贴图背景 -VB资料 如何确定一个treeview下的node是否有子节点? 庆祝菜鸟程序员联盟成立,特来散分~~ 中文转换问题!!在线等待!! php安装在编译时有个vpopmail的选项是有什么用的? 100分紧急求救,SQL Server 2000日志问题 为什么三层结构下某些小数不能保存? 100分求助,关于图形处理 庆祝菜鸟程序员联盟成立,特来散分~~ 请问如何设置wingate的server端? 请帮忙给一个能在短时间内做成一个网站(功能很简单)的思路 如何创建一个DialogBar 有关目录问题。 .................寻找最佳方法::『关于关键字检索』(参与有分!) 有谁做过小波分析的分解及重构程序 口误(爆笑) 救命阿 急!在线等 如何补捉MSCOM控件的错误消息? 如何查看dll中的函数,不是引出函数 有没有初恋(第一次)的对象就成了自己的伴侣的? 在线等待,马上送分:怎样将Query查询的数据集全部删除,数据库SQL中的数据也删除 iostream.h 和 iostream的区别 我新建了一个dialog,我想让他在程序一开始出现 为什么在win xp 下安装vc7.0后不能导入图片资源? 请问用C++ 如何打开数据库 请教高手有关C#的DLL的使用???? 我想找一个比较好的菜单系统,哪有呢? iis5.0中的调试能不能做到象在pws中一样轻松? 在线等待,马上送分:怎样将Query查询的数据集全部删除,数据库SQL中的数据也删除 大家一定遇到过同样的问题!有好办法吗? 如何扩充linux的硬盘空间? 关于JBuilder7的注册码和key 一点小问题,请帮帮忙 请教:哪边有详细介绍使用VBSQL对DB库API编程的?? 急!!!我用push模式把dataset的值在运行时,动态赋给crystal report, 在有.net的开发环境中运行没有任何问题,可是在只有发布后,执行 在线等待,马上送分:怎样将Query查询的数据集全部删除,数据库SQL中的数据也删除 linux下的图形处理程序,哪里可找到? EJB菜鸟级问题,我有分可捐赠,那位要请在这里说 报错的原因(Invalid cursor state) infopower有没有for BCB5的呢??哪里可以下载?? 奇怪的现象! 关于接口 请大家提供方案 同志们我想问的是高程中考的是标准C还是C++ SQL查询结果问题 在Delphi中我如何得到,打印机任务个数? 刚上来散分了 安装softice后,机器不能启动了!!!!!! datawindow的edit有editchanged事件,即一改变内容就触发,我想将这个事件加在multilineedit控件里,自定义事件要选择哪个EventID? 在存储过程中如何使用表名变量? 一点小问题,请帮帮忙 菜鸟求助
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘