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

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>

 

分析称平板电脑应用将占全球应用经济的35% 三大运营商对微信等OTT业务摊牌 Runscope联合创始人John Sheehan:API已死,API永存! IBM在京发布大数据白皮书 提出五项关键建议 Twitter开源Parquet 将支持Impala加速实时查询 使用Go代替Ruby,将服务器数量从30降到2 初创公司SwiftStack:“放在盒子里的S3” 赫尔辛基:全球移动游戏开发者的“黄埔军校” 不只属于三星!uMoove将发布“眼球追踪”SDK Android掌门人Andy Rubin宣布辞职 Chrome主管接任 openSUSE 12.3发布 弃MySQL拥抱MariaDB Meteor:让实时Web App成为主流 别了,Google Reader!谷歌于7月1日关闭服务 “天网”降临 机器人或将崛起? 涅槃重生:Qt 5 for Android预览版发布 Google Play将逐步移除广告拦截应用 Shapeways公司开放API 3D打印时代来临 37signal设计师眼中的iOS与Android系统 VMware/Oracle向公有云拓展生态系统 AWS“山寨”技术伙伴创意与产品,是自我完善还是杀鸡取卵? 苹果发布OS X 10.8.3 新版Boot Camp可支持Windows 8 恭喜!麻省理工两密码学教授获2012图灵奖 Rovio的逆袭,发布首款RPG游戏“克鲁德一家” 百会呼吁微软提供合法经营Office 365的相关证明 谁说Vim不是IDE?(四) RDS升级:单DB实例最高可获得3TB存储和3万IOPS 移动周报:“先验证,后开发”的App开发必杀技 Supercell首席执行官谈公司运营理念 SwiftKey:Galaxy S4输入法背后的开发团队 前IE团队领导:IE是如何走向衰败的 谷歌更新BigQuery 允许在其中加入大型数据集 怎么用xp安装盘升级两千或酒吧下的wmp? 怎样得知ListBox中已经有多少项内容了? 看看大家关于微软认证的看法(只能给77,全给了) OFFICE XP以及金山词霸的漂亮菜单如何实现的??有源代码可以参考吗?? 谁能说一下"快手"的程序是怎么工作的啊 这个问题我都问了三遍了,还是没人帮忙回答一下? 这样怎么能不行了?怪了. ~散分哦~,哈~ 可怜的准初级程序员(水平的没过,竟然拿了个资历格的) 各位兄弟请了!一个远程接入问题邀请教各位~! 这个问题好象不难 如何在WIN NT4中安装、使用IIS4????? no pains,no gains. work for the beautiful girl here and for our beautiful life 各位大侠: 我是新手,有人能给我讲讲xmlspy吗?? win.ini与SYSTEM.INI的区别? Oracle 的产品真的很烂吗?参与者都有分! 现需开发一套对多个数据库(不是一个数据库中的多个表)进行操作的程序,使用BDE,请大家提建议 CPen的问题! 各位请教:我要通过电话线做多路远程接入但我不想用路由器 请问,使用ado控件的程序,考到其他机器上,除了数据库和应用程序之外,还需要拷贝什么文件? 部分技术超过OFFICE 国产软件挑战微软 关于子窗口 请教:uninstall onflow.exe和wcmdmgr.exe是什么软件? DataSet如何定位记录. lius_lzc(小刘)你好。请来这 高程成绩 不是高手不要进来!!!!!!!!!!!!! 那位大侠能说一下快手的原理啊,有源码最好???????????????? 各位有什么网站可在线看片或下载东西,网速要非常快,如果有请与大家分享,如果没有请勿进,免得大家试半天的网址,谢谢合作 实模式和保护模式的区别? 一个只问小湖的问题 ASP 中的 Response.End 在JSP中怎么写??? 有关多媒体数据库的问题 笨鱼笨鱼,好象你的故事大家都知道了,贴张相片出来给大家看看,大家说好不好啊?? 请教关于第三方控件的问题,谢谢 软件工程师们,你们开发软件的时候听什么音乐呀? 各位大侠,请帮助一下初学者 CPen的问题!!!!!!! 我在泡脚呢,给大家发分,打听一下你们泡脚的时候都干什么? 关于新的论坛数据的提问 在Delphi如何存取SQLServer DataBase表里的图像记录?(100分) 怎样循环更改窗口图标? 请问,那位能帮忙给个Email地址和url地址的正则表达式。急用,在下不胜感谢! 各位网络高手请进! 关于服务端用自己(socket)的程序,客户端用IE,怎样把客户端的数据信息传给服务端? 共享锁,排他锁有什么不同?· 请问在D3D8.0里可否加汉字?要注意什么?多谢! 请问有没有这样一种类似容器的东东,它其中的元素可以是异构类型,比如可以同时放类A,类B的对象 呵呵。前几天狂问问题狂送分,现在分快没了。 我得计算机怎么播放rm格式有问题啦!大侠们给个招吧! 如何在ctree view 中改变tree 的风格? 如何成为一名程序员? 瑞士军刀牌子的表是什么牌子的刚从美国回来 在那里买了个表请问这是什么牌子的 和瑞士军刀一个牌子的 表的背后也有一个瑞士军刀的图案 标志差不多是一个正方形里面一个十字 标志下 硅酸盐水泥的颜色受哪些因素的影响 铝矾土的用途是什么? 瑞士军刀的刀的材质是什么? 什么是弹性?什么是塑性?哪些东西具有弹性?哪些又具有塑性?请举例说明. 谁知道2007年现行的复合硅酸盐水泥标准是哪个? 各种继电器的表示符号(具体的)例如 HWJ表示合闸继电器,TWJ表示跳闸继电器……等等!越多越具体越好! 什么是材料的弹性和塑性 高铝砖就是氧化铝空心球砖吗?谢谢 固态继电器在图纸上用什么符号表示 某些材料虽然在受力初期表现为弹性,达到一定程度后表现出塑性特征,这类材料称塑性材料. 这句话是对某些材料虽然在受力初期表现为弹性,达到一定程度后表现出塑性特征,这类材料称塑性 氧化铝空心球砖体积尺一般是多少 1.熔断器、刀开关、热继电器、接触器、自动空气开关的作用及电气符号 硫铝酸盐水泥用途硫铝酸盐水泥在哪些地方用.什么类型的 厂要用?在 成都有 那些厂要 用硫铝酸盐水泥?具体每年能用多 T12钢的热处理将T12钢试样分别加热780℃和920℃并经足够时间保温后淬火至室温,试问两者中哪一个的Ms点高?残余奥氏体量多?马氏体片粗大?硬度低?出现显微裂纹倾向大? 两个S挂钩样子的是什么电气符号,有人说是热继电器,但是查了热继电器符号,不是啊 不好意思,我是在纸质图上看的,没有电子版图,再问下,接线图和原理图中热继电器的表示方法一样吗?我是纯 请问高铁硫铝酸盐水泥是不是普通硅酸盐水泥?区别在哪? 硅酸盐水泥是什么? Q345钢如何提高低温冲击韧性 弹性与塑性有什么区别? 硅酸盐水泥的主要特性有哪些? GB175-1999硅酸盐水泥中175是什么意思 VIKING材料淬火后硬度正常,按需求硬度回火,但回火2次和回火3次的硬度不一样,回火次数多硬度反而低? 矿渣硅酸盐水泥的特性有哪些? 通用硅酸盐水泥的特点、适用范围 请问聚丙烯pp是弹性还是塑性材料? 道路用硅酸盐水泥和普通硅酸盐水泥相比,有哪些特点 硅酸盐水泥熟料的矿物中决定水泥强度的主要矿物是____________和____________. cr12淬火后不回火能用吗 氧化铝和电解铝分别有什么用途,RT 硅酸盐水泥和普通硅酸盐水泥 用途区别请问2者是否存在巨大区别,在用途上有什么差异,另外二者是否可以互相替代,那种成本更高?更适合非洲使用!是这样的,外商要采购硅酸盐水泥,由于以前 复合硅酸盐水泥与普通硅酸盐水泥怎么区别 常用硅酸盐水泥的物理及化学性质有哪些 硅酸盐水泥和普通硅酸盐水泥有何区别?通用水泥有六种,分别是硅酸盐水泥、普通硅酸盐水泥、矿渣硅酸盐水泥、火山灰硅酸盐水泥、粉煤灰硅酸盐水泥、复合硅酸盐水泥.我查看了《通用硅 硅酸盐水泥好还是复合硅酸盐水泥好?还有各种水泥的用水量有没有要求及范围? 硅酸盐水泥石受腐蚀的种类和防止措施哪些 普通硅酸盐水泥与硅酸盐水泥的区别? 复合硅酸盐水泥游离氧化钙控制在什么范围内 在硅酸盐水泥系列中,采用不同的水泥施工时(包括冬、夏季施工),应分别注意哪些事项?为什么? 硅酸盐水泥P.I属于耐高温水泥吗?它的耐高温程度是多少? 塑性材料有哪些 SK5弹性钢热处理硬度要达到HRC53加热温度要多少?铅浴达到硬度HRC63回火多少温度? 硅酸盐水泥和普通水泥有什么区别? 塑性 是什么意思 热处理硬度要达到HRC20-25.5加热温度要多少?回火多少温度?40Cr O、P、T、 H 建筑材料具有良好的塑性和韧性对钢结构的设计和使用具有什么意义 热处理硬度要达到HRC29.5-34.5加热温度要多少?回火多少温度? 32.5普通硅酸盐水泥,32.5代表什么? 为什么矿渣硅酸盐水泥抗腐蚀性能好如题最好从熟料矿物组成上分析为什么矿渣硅酸盐水泥的抗腐蚀性能比起普通硅酸盐水泥来说要好一些 中性氧化铝吸附原理是什么 Cr12MoV真空淬火HRC56-58,做出来正常是铜色,最近两次回火硬度高了,要到520度回火,表面黑了有影响吗? 铝矾土和铝土矿的区别,和他们的用处. 中性氧化铝在气相色谱法中的作用是? 普通硅酸盐水泥有什么特性? 铝矾土具体都有哪些用途啊?要具体的,有哪些厂家采购铝矾土,厂家采购之后具体都有那些产品,希望知道的大侠给详细解答一下啊!不胜感激! 怎样鉴别一种物质是否是中性氧化铝有一袋柱层层析硅胶,怎样知道它是不是中性氧化铝 硅酸盐水泥问题硅酸盐水泥为什么干的越慢越结实,内部有何化学反应,它的性质是什么? 铝矾土的用途 氧化铝和中性氧化铝有什么区别吗?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn