没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
jQuery Mobile
支持到 jQuery Mobile 1.0 正式版
基于 HTML5
兼容几十种最流行移动平台
内容同步更新发布
陆明 编著
CatchException.NET
开发跨平台移动应用
前言
jQuery Mobile 并不是一个特别高深的学问,却是有用而富于技巧性的一种技术。通过
这种技术可以快速开发出来能在 iPhone, iPad, Android, Windows Phone 等多种平台上使用
的移动应用。在工程师和创业成本越发成为紧俏,网络基础设施越来越便宜的今天,这可能
是一种值得探讨与尝试的技术方向。
我并没有特别才华适合在某个艰深而富有智慧的领域将知识与经验来奉献给和我一样年
轻的工程师们。不是不想,而是深知自己知识和能力的浅薄。所以选择一些有趣而或许有用
的技术,将自己粗陋的理解和实践也杂糅其中。希望能以此砖头引得众多智慧头脑过来批判
指导,对内容的批判也是对我能力的提升。
当我起笔到草稿完成的几周时间,我注意到 jQuery Mobile 已经在西方有了很多印刷出
版物,并在相关技术领域图书排行榜中处于 Top 排行榜中。西方移动应用工程师们也正在
对这个技术展开热烈讨论。国内却也有了很多专门的技术博客文章和论坛,就其中使用方法
和应用场景进行专业的讨论。只是,系统化的整理和使用中文将这个技术介绍出来,似乎还
不多见到。作为一种新产生的技术,我想到十几年前当我开始学习 Delphi 1.0 和 Microsoft
C++ 时候的场景,那个时候 Visual Studio 还没有现在这么发达,技术资料也很少。作为年
轻人的我,如果能有一些可用而易用的技术资料,或许能节省我很多摸索的时间。也基于此
段经历,我用一些笨功夫将 jQuery Mobile 技术中自认为可能会比较有价值的信息整理出来,
写成这个东西。如果能对于国内移动应用开发或者移动 Web 应用社区能带来一点些许帮助,
或者对于年轻的工程师们的学习能节省些许时间,于我就是一件很开心的事情了。
写作期间,我曾经在四姑娘山脚下的日隆镇小住。
一天,我骑马近 10 个小时,高原反应和颠簸让我发烧而浑身酸痛。在藏族本地人淳朴、
善良和辛劳的帮助之下,我才有幸深入期间欣赏山中景色。不管冷杉林,红杉林或者高原草
甸,堰塞湖,都是震撼我既往的经验。这段经历给我很大启示,扩大心胸,放眼长远,平和
坚韧,脚踏实地,经历崎岖艰难却能欣赏别一番景色。封面照片摄影于其中一天清晨,太阳
尚未升起,白塔旁边群山之上一个孤独的红衣登山者已经在向上攀登。而在雪山之上还有两
处登山者的营地,一些人已经在前一天感到与此幕天席地享受雪山高原。这些地方都在大概
海拔 4000 米上下。他们的坚持与坚毅,是每次我看到此照片,对我的鼓励。
将这样照片作为准备进入移动应用开发新领域的工程师们共同分享。
小经验
CatchException.NET 是一个旨在帮助工程师提升技
术能力,分享专业知识,建立专业领域人脉与口碑
的技术社区。
您在技术开发与实践领域,如果有所体验、感悟、
探讨、思辨可以通过这个平台与工程师们进行互动
交流。
CatchException.NET 也会经常举办线下技术沙龙和
交流活动。您可以将感兴趣的技术沙龙话题发送到
webmaster@catchexception.net 于我们分享。
jQuery Mobile 是一个发展很快的技术。过去这几个月,几乎每个月都有发展。到今天
已经发展到 1.0 版本,正式版本破茧而出。
相信未来还会有持续的更新。这本电子书也会在未来不断发展和完善。如果您有对于这
部分内容的理解和批判,也希望能指点给我。我很愿意将有价值的经验融入到未来的内容中,
以丰富和完善,并给未来工程师们更多的有价值的资料。
CatchException.NET 创始人
陆明
2011 年 11 月 23 日
第 2 页
目录
目录
第 1 章 jQuery Mobile 概述 ·····································1
1.1. 本地应用还是 Web 应用 ····················································1
1.2. jQuery Mobile 兼容的移动平台 ············································3
1.3. 其他的 Web 应用开发框架 ·················································4
1.3.1. Sencha Touch ···································································· 4
1.3.2. iUI ·················································································· 5
1.3.3. jQTouch ··········································································· 5
1.3.4. iWebKit ············································································ 5
1.4. 不适合的场景 ································································6
第 2 章 框架初探 ··················································7
2.1. jQuery Mobile 框架组成 ····················································7
2.2. 第一个程序 ···································································8
2.2.1. 开发前的准备 ····································································· 8
2.2.2. Hello World! ······································································ 9
2.3. jQuery Mobile 与 HTML5 ················································· 12
第 3 章 页面与对话框 ·········································· 14
3.1. 单页与多页模版 ···························································· 14
3.2. 页面标题 ···································································· 18
3.3. 链接到内部页面或外部页面 ············································· 18
3.4. 对话框建立
,
关闭 ························································· 21
3.5. 切换方式美化 ······························································ 22
3.6. 页面风格美化 ······························································ 24
第 3 页
目录
3.7. 自定义风格的用户界面 ··················································· 28
3.7.1. 使用 ThemeRoller 自定义 Theme 风格 ······································ 29
3.7.2. 导入与导出自定义样式 ························································ 30
3.7.3. 通过 Inspector 快速定义颜色 ················································· 31
第 4 章 页面布局与内容呈现 ·································· 32
4.1. 基本页面布局 ······························································ 32
4.2. 分栏与网格布局 ···························································· 37
4.3. 集成自定义 CSS ···························································· 44
第 5 章 按钮 ····················································· 45
5.1. jQuery Mobile 的按钮 ····················································· 45
5.2. 内置按钮样式 ······························································ 47
5.3. 按钮图标 ···································································· 48
5.4. 按钮组 ······································································· 50
5.5. 选项
、
方法和事件 ························································· 51
5.5.1. 选项 ··············································································· 52
5.5.2. 方法 ··············································································· 53
5.5.3. 事件 ··············································································· 53
第 6 章 导航工具栏 ············································· 55
6.1. 导航工具栏 ································································· 55
6.2. 头部工具栏 ································································· 56
6.3. 脚注工具栏 ································································· 57
6.4. 导航工具条 ································································· 58
6.5. 导航栏位置 ································································· 61
6.6. 导航内容高亮 ······························································ 62
第 7 章 列表视图 ················································ 63
7.1. 基本列表 ···································································· 63
7.2. 嵌套列表 ···································································· 65
剩余102页未读,继续阅读
资源评论
yanhung
- 粉丝: 7
- 资源: 126
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功