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

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>

 

长点心吧!为啥健身应用让你越减越肥? 微信公众号能删除单篇文章了 安卓Android手机应用开发入门书籍推荐 自动释放内存!Facebook推出强大Android图片库Fresco 《近匠》AR学校:从教育领域看增强现实机遇何在 专访Mellanox CEO Eyal Waldman:InfiniBand与以太网齐驱并进 性能更胜一筹 IM助你打造千万级App——容联•云通讯线下沙龙 乐视智能硬件再发力,超级自行车今发布 专访格灵深瞳CTO赵勇:为&amp;quot; 计算机视觉&amp;quot; 赋予智慧的光芒 【程序员电子刊精选】水火不容?研发人员也是产品经理! 如何打动用户?携程用户体验实践分享 【征文】Java二十周年特别策划——谈谈我与Java的那些年、这些事 Facebook的愿景以及虚拟现实的未来 iBeacons一年回顾 英特尔中国30周年之际 IDF上你需要了解的5件事 OpenCloud 2015参会者的三大特征(附列表) 友盟移动互联网趋势报告解读:垂直领域应用竞争白热化 墨腾动漫CTO吴建学:初创公司的生存之道 亿航与高德达成战略合作 LBS+引爆智能硬件软实力 《近匠》火柴手写码,输不错的验证码利器 Web、App中添加动效设计应遵循的12条原则 越狱与开源:2015移动安全峰会(MSS)纪实 开发者自白:我是如何不花一分钱收获230万应用下载量的! OpenCloud 2015报名超预期 近20位讲师会前采访提前看 硅谷公司人才招聘那些事儿——硅谷“超级面试官”董飞专访 一切为了用户体验:揭秘京东首页改版背后的故事 TIOBE 2015年4月编程语言排行榜:Java王者归来 三大主题技术峰会开幕在即 OpenCloud 2015参会者提醒 《近匠》快码,唯快不破的代码众包平台 打破边界 生态化反!乐视发布三款超级手机 苹果收购LinX:iPhone或将采用双摄像头技术 怎么檢測一個線程是否已經創建? 解密软件,哪里找 美萍VOD是怎么实现不用网络共享而完成点播的呢? com入门问题2 jb8+Weblogic配置后,在jb8中不能编译jsp文件,但java文件可以编译 哪里有好的控件下载,介绍几个好的网站!!! 一个很久没有解决的问题,请各位指教。 高分求救程序 我装RASPPP软件的时候,他要我的数字签名怎么办? javaBean 是否能在应用程序里面调用??怎么调用?? 企业管理器很慢? 100分求解,急!请大家帮忙 请教:新建论坛在客户机上能访问,在服务器上却报“Microsoft VBScript 编译器错误 错误 '800a03f6'” 怎么把别人的代码窗体文件,加到自己的工程里? 权限问题 怎么用一控件去调用另一控件? 请教~~~~ Struts中的事件 如何在点击鼠标左键的时候,弹出一个弹出菜单? 求JBuilder8的下载地址,下完给分! Help!各位大俠,關于SQL查詢專業性的問題.....多多指教,在線送分! 两个菜鸟问题 急!急!急! 能不能用Socket类来实现广播,怎么实现发送和接收 为什么在98系统下Ado控件就不能用了,在线等! 关于在c++ builder中定义的类的编译时的问题 关于网络的简单问题 real media 插件哪里有急!! Tomcat连接池 请问一下哪里有Lotus5.11的下载啊! 怎樣使CrystalReportViewer里選擇打印機後可以預覽(200分) 怎么在一个控件中去调用另一个控件 小弟公司的项目用vss管理,请大家给小弟一个vss电子书好吗,大送分啊~~~~谢谢! MM求教各位 寻<<the c++ programming language>>中文电子版 请问各位,本人有C/C++的基础,学习C++ Builder 好学吗 请教关于Date 的一个问题 我在前台管理记录的时候误删除了几条记录,怎么样才能找回来 我在数据库里的记录是这样的,“ test",每行的前面有若干空格,为什么在网页上显示时,把我前面的空格给去掉了 [劲爆]关于小仙妹的秘密!雍亲王首次披露!!! 着急~~~~~~~~~~ 求crm开发方案一套!!! Bios改不了,哪位大佬帮帮忙? 对frame窗口传参的问题 寂寞如雪 (ocsdno) 新手问题~~很菜的~~大家指点下啊 asp.net 和asp 需要仿真可视化的文献资料,告知出处即可,十万火急!!! 怎么使用PL/SQL developer 导出所有用户表的数据成SQL语句? 版主 我门要是没分了 怎么办啊 怎么才能赚分啊 ODBC API 关于游标的问题~!100分 ?装完Oracle之后,登陆不了 映日荷花别样红的前一句是什么? edinburgh什么意思 disability是什么意思 York is between London and Edinburgh,the capital of Scotland. enable可以怎样用?PLEASE 举例说明. 英语中的unable enable 有什么区别 allow enable有什么 区别 英语翻译1.An iceberg tagged B-15 broke off the Ross Ice Shelf(some 90 longitude west of the Antarctic Peninsula),measuring 300KM by 40KM; 2.an iceberg(150KM by 35KM) 这里by是十么意思?+整句翻译 各位帮忙翻译两句话,短的,谢了!1. 指责的声音都指向了.2. 许多和官方说法相反的观点出现在网络上 Edinburgh是什么意思? 英语翻译你的心在哪里?我好不好玩?孔先生 北京研究6家高尔夫球场退出水源区 名大妈跳广场舞扰民被泼粪 称嫌吵装隔音郑州多处城中村拆后复建缓慢 村民被迫落实大气防治行动计划 京津冀区域治霾揭秘张曙光“学术”路:读博士不愿写论监控全世界的美国政府公信力受质疑哈士奇模仿婴儿爬行萌翻网友【组图】奥巴马医改核心举措漏洞频出接受国会质美田纳西州海军基地2名士兵遭枪击受伤肯尼迪家族亲戚杀人案将重审 72年还女子看上弟弟嫁给哥哥 遭家暴虐待起诉你也可以电话、网上预约打车了正规PK非正规 看看有啥大不同即日起严查宾馆、洗浴等休闲场所愿天下有情人早团圆 成眷属创业板 狼又来了?“路过美国赌城”把谁当弱智春城春节市场活跃 购销两旺瑞士依波路表情人节浪漫献礼葡萄膜炎、眼底出血 今日13时上Q咨三胞胎老大体重4.2斤 即将出院中共友好代表团在波兰宣介十八届三中全龙图神话拉风英雄网友之希望青城诀武世异界跳窗周天星途九国纪天铮圣甲笑傲金庸群侠基督教救主堂旅游农民运动讲习所旧址旅游东濠涌旅游广东省农民协会旧址旅游英雄广场旅游广州近代史博物馆旅游黄花岗公园旅游古乡湖景区旅游排龙天险旅游韩村河旅游高迁古民居旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘