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

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>

 

EMC合作伙伴销售经理杜术清:实现云的三种途径 开发者想走向海外:你融入老外的圈子了吗? 前微软工程师:美国监控和直接访问服务器?这不太可能 代码、TDD速查表 如何选择前端架构:服务器端HTML vs. JS部件 vs.单页Web应用 世界上最高深的Android特洛伊病毒 招聘iOS开发,老板必问的5个问题 护航科技吴伟湘:IT离线安全体检服务将带来颠覆 百度王继平:移动互联网时代云平台思路 “第八届开源中国开源世界高峰论坛”火热开启 微软发布SQL Server 2014预览版,展示内存数据库技术 帮助软件开发者提高效率的10个小窍门 我想做个程序员:Technovation Challenge圆女孩编程梦想 未来我们开发的Google Glass应用将会是什么样? 独家:前RIM大中华区总经理刘征宇,加入Appconomy 用一个API搞定一切 Segment.io为移动开发者提供便利的分析数据分发服务 TIOBE 6月编程语言排行榜:JavaScript回归前十 《Kingdom Rush Frontiers》上线后 迅速抢占27个国家游戏榜首 移动周报:85后程序员,iOS开源项目,细数7天大事件! Instagram:从Redis到Cassandra 成本节省1/4 乐元素CTO凌聪访谈:游戏引擎技术选型之王道 iOS 7的新设计并非止于外表 WWDC 2013大会10大启示:正向开发者支付大量现金 云计算大会微软专场成功举办 Windows Azure公众预览版上线 IBM全球大裁员 在美国裁员已经开始 动动鼠标,决定“中国十大优秀开源项目”的归属 为改善Flickr 雅虎收购拍照应用开发商GhostBird 让你轻松学习新代码库的六个步骤 RESTful API 设计最佳实践 谷歌11亿美元豪购Waze原因:获取数据 争本地广告市场 为什么大家都要疯狂吐槽iOS 7的扁平化设计? 一个简单的错误,请各位大哥帮助! 进入WIN98蓝屏,请高手赐教,谢谢 紧急求助,如何编写文本使得程序能读取网络上另一台机上的表 关于session的问题 如何用VC对麦克风编程哪? 为什么我的win2000的web服务器老是莫名其妙的停掉呢? 各位老大!能不能用DEPHI写一个程序创建NOTES表单???? 怎样把程序做成曲线图的样子? COMBOBOX查找问题? 很菜的,关于窗体的问题 怎么给jbuiler添加oracle驱动程序!!!!! 谁有手写签名和痕迹保存留的例子???能给我一个吗???一定重谢!! 哪有for win的gd库下载?谢谢 我得代码有错误吗!!在线紧急等待 如何用Java访问微软的DDE Server? 在windows xp中怎么建立虚拟服务器呀? 解决问题,马上结贴 xp風格的問題 请问如何让一个表格的边框的宽度和表格内部的线的宽度不一样? 请问wsad和eclipse哪里有下呢? 如何理解下面的程序段 调查:你(单位)愿意花钱买服务端控件吗? 为什么有些网页是繁体字! 我终于知道什么是英雄了! 关于快捷键。 一个丑人的自白(爆笑) 转载 如何实现信息反馈? 怎样使DataGrid固定显示8行??? 一个简单的问题,关于CListCtrl.. C++文件流的怪问题,竟然不能再次打开??? 怎样在win2000 专业版上使用PHP Linux下如何知道有哪些端口未被使用?? 共享上Internet网的另一台机为何一定要配上DNS服务器地址? 来共同研究开发 文件的变量名拼写错误的检查。。。 人生交叉点, 大家进来帮帮忙 在线等待急急!在超链中有的什怎么传不过去? pb还有出路吗? 如何知道有哪些端口未被使用 请教想在页面里调用js文件达到图片轮显效果 如何在动态库中获取调用该动态库的程序的文件名称? 如何获取灰度图中各象素点的灰度值?(在线等待) 请高手帮我解决这个离散余弦变换(DCT)的问题。高分相送。 求助:sql语名查询? 怎么样在输入数据后立即更新表格? 怎么在tablename是一个参数的表中取字段值? 触发器问题?触发器无法通过确认! 请问如何将字符1转化为数字1呢? 怎样在状态栏中显示页面载入进度? WebEasyMail 很好用,不过是asp的,不知道有没有php的收发邮件的程序代码? WebEasyMail 很好用,不过是asp的,不知道有没有php的收发邮件的程序代码? 一列火车四分之三小时行90千米,这列火车平均每小时行驶多少千米? 如果一个男人愿意帮你口!交代表什么是不是男人在爱上这个女人才会这么做,如果不爱,至少是有感觉的是吗?如果没有感觉他会愿意帮女的KJ吗?大部分男人是不是都会帮女人KJ呢? 红外发射电路为什么调制?调制有什么好处? 一列火车从甲站开往乙站,用两小时行了280km,从乙站开往丙站用5小时行了700km.一列火车从甲站开往乙站,用两小时行了280km,从乙站开往丙站用5小时行了700km.分别求出火车从甲站到乙站,从乙站 樱桃小口有什么标准?樱桃小口有什么标准吗?看上去小就可以吗?另外有哪些明星是这类型的? He __(do)part-time jobs for many years when he studied adroad. 复数形式 有没有语文文言文点击的答案? bill was fourteen years old and in ninth garde .he had a part-time job which got him up at fiveo,clock he was a newparper boy 中文翻译,急. 新年见闻600字 谷歌眼镜有什么功能(二) 为什么作者说五壮士的口号声是中国人们坚强不屈的声音? 甲乙两仓库共有货物1690吨,甲运出四分之一,乙运出三分之二,这是两仓库余下货物相等,两仓库原各有?吨 Don't miss the great e_____.You can see many old things My mother is an Chinese teacher.Her like her students very much.Every moring,my parents gose towoke ba car.改病句 甲、乙两仓库共有货物3180吨,甲仓库运出 25%,乙仓库运出三分之二,这是两仓库余下的货物相等,两仓库原 Tom always ask many questions about signs.哪儿错了 I don't like China very much.这句的意思是我不太喜欢中国还是我非常不喜欢中国? 一列火车的机车主动轮的直径是1.5米,如果平均每分钟转300圈,这列火车每小时行驶多少千米 Tom can ____many things.A:does B:do C:doing D:to do He like his Chinese teacher very much.Do you like yours?改错 火车主动轮的直径是1.5米,如果主动轮平均每分钟转400转,这列火车5分钟可行多少米? Tom collection many sports things 中文翻译, 陕北地区有销售丁烷气体的吗?限陕北地区谢谢 How could I find free Chinese (Potunghau) to learn As an Overseas Chinese family,we would like tofind a website for learning Chinese free at home.Ideally,it should have pinyin too.The BBC News Site is not bad but too simple. 问你个问题请问什么动物会夏眠?1、青蛙2、海参3、海马 我的作文集题目该叫什么我叫嘉文,希望根据我的名字起一个题目 请看哈这是什么虫,老是在下水管池周发现,要如何消除预防. 什么动物会夏眠?A 青蛙 B 海参 C 海马 D 蜥蜴 骑自行车翻越一个坡地,上坡1千米,下坡1千米.如果上坡的速度是25千米/时,那么下坡要保持什么速度才能使全程的平均速度是30千米/时? 某次列车提速后,平均每小时150千米,是提速前的4分之5.这次列车提速前平均每小时行多少千米? 什么动物会夏眠 一是海参 二是河马 三是青蛙 求激光模组驱动电路图我们准备做模组来卖,但是不会做驱动,谁给指导下? 英语翻译Simmon arrived at work at 8:15AM and left work at 10:30PM if sommon gets paid by the hour at a rate of $10 and time and 1/2 for any hours worked over 8 in a day,how much did simmon get paid?麻烦您 把步骤写出来 我不太懂grace h 一列火车5小时行A千米,平均每小时行多少千米?( ) 有些动物为什么会夏眠(如海参) 很久很久以前,有一个小男孩非常自卑,因为他背上有两道明显的伤痕,从他的颈部一直延伸到腰部,上面布满了扭曲的肌肉.所以,这个小男孩非常讨厌自己,非常害怕换衣服,尤其是上体育课.当其 为什么要用复数形式?在什么情况下使用? 海参和蜥蜴哪种动物夏眠 生命吸管放到泥水里面能行吗? 描写出动物世界母子之情的文章600字以上 甲、乙两个世园会“长安花”专柜,甲专柜卖出3分之1,乙专柜卖出25%的长安花后,甲专柜的“长安花”比乙专柜的2分之3倍还多40个.已知甲专柜原有“长安花”600个,乙专柜原有“长安花”多少 蜘蛛为什么有毛十万火急, 我需要一篇关于动物世界的作文 七年级的水平550字左右 小明坐火车从天津到石家庄,30分钟行了全长的6分之1,50分钟行全长的几分之几? 反义词:残忍()最快回答者~但是一定要正确哦~ on the morning june 27 they visited great wall为什么用ON呢不是IN THE MORING吗? 今天我在上课突然桌子上爬出只绿色的蜘蛛,.我不知道他是不咬了我.被我同学弄在了地上但没弄死他.他爬不见了.我现在感觉有点恶心.不知道是不是心理作用? 残忍的反义词 The group of students visited (the Great Wall) yesterday.(对划线部分提问)()()()the group of students ()yesterday.因为不会打划线所以用括号表示了 石家庄距离北京有多远 坐火车要多久? 飞船沿半径为R的圆周绕地球运动周期为T,地球半径为r,若飞船要返回地面,可在轨道上某点A处将速率降到...飞船沿半径为R的圆周绕地球运动周期为T,地球半径为r,若飞船要返回地面,可在轨道上 谁能告诉我大宗气体的处理流程越详细越好,每一部分的作用也要.有图更好!谢谢啦~~回答好了追加分比如说氮气和氢气的处理流程 我家发现了一只绿色蜘蛛,可不可以告诉我它的种类?它的腿是绿色的,它的后面有黄豆那么大,很像鹌鹑蛋.最好有图 在信息时代,电脑进入了普通百姓家.试想像一下,在人们日常生活、学习、工作中,它的作用是什么? 毛泽东在失去毛岸英时想了什么? 有一批水果,分给平均分给甲乙两店,第一天甲卖出2/3,乙卖出3/4,问甲乙水果店各卖出这批西瓜的几分之几 1甲乙两仓库共有货物1690吨,甲运出四分之一,乙运出三分之二,这是两仓库余下货物相等,两仓库原各有多少吨? 家蚕等昆虫在发育的什么期会有蜕皮现象, 关于工艺品的好词好句光工艺品的好词好句 媒体称养老金并轨已无悬念 执行路线图阿根廷国会选举受瞩目 现总统或丧失部加拿大机场现可疑包裹 警方搜查机场附格陵兰拟向中澳开放铀矿与稀土 仍需丹美国官员:奥巴马早知国安局监听默克尔浙江高校获专业设置“自主权\" 不再网上查询服务试点扩容 信用上网隐私如冀中星行政起诉东莞政府案立案漫步小樽:静谧恬美的浪漫之旅(组图)澳大利亚珠海联谊总会在悉尼正式成立有氧运动有助延年益寿美媒:中国央行显露收紧货币政策意向中国将任下届贝尔格莱德书展主宾国世界最高狗离世 站立高过2米(组图)日媒:日菲被中国盯上因与华无共同陆地安倍在赌他能把中国吓住男子把10公斤黄金扔进垃圾场 当地掀美国采花大盗将获释搬到居民区 遭民众日本将启用自卫队军官任国家安全保障局日驾校人性化服务多 学车之余可美甲还美国家安全局称奥巴马对监听默克尔一事黑科技:能让话多的人闭嘴的“话匣子妨会说话的“文字”人工智能在以色列餐厅拼桌的犹太人和阿拉伯人可Capcom Café将于11月降临「唯物」跑鞋嵌芯片,不只为计步妖股诱惑力很大,但只宜观赏不宜追入!洛阳拉棉花货车高速着火遭村民哄抢报恩?男子喂它一顿饭后 常收到答谢的网店热销野生保护动物17岁少年“没钱花” 在校园里殴打抢空手入白刃 乐山特警一分钟救出被劫奥盗油团伙河南多地作案118起 专盗货警方迅速破案抓获嫌犯 竟是3名少年火鸡当街“强奸”母鹅 公鹅被带“绿帽19岁青年男子两次抢劫学生被判刑四年长沙:22岁女子从大桥跳江 父欲跳江郑州环保局开门纳谏 启动“环保沙龙”摄影师海中救起轻生老人 谦称救人是本保定一对情人变仇人:你贴大字报我就拘妻子约会男网友丈夫气急打伤网友被刑拘托尼-阿伦收到赛季首个假摔警告
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘