jQuery Mobile开发指南
2014-3
人民邮电出版社
陆 明
jQuery Mobile 是一套基于jQuery 的移动应用界面开发框架。本书将为你系统讲述使用该框架开发Web移动应用的方法,包括框架构成、页面、对话框、弹出页面、触控交互、按钮、工具栏、列表视图、表单,以及页面响应式布局设计、主题风格美化、事件响应与其他一些高级而实用的技巧。
本书既适合开发人员、测试人员和产品经理使用,也适合作为大中专院校相关专业师生的学习用书与培训教材。
陆明
一位Web移动应用与Facebook营销应用开发专家和技术管理者,毕业于香港理工大学,在15年的从业过程中,经历了软件应用从PC到局域网,再到互联网和移动互联网的历次变革,曾经领导过多个互联网或移动互联网应用,从研发到上市。
此外,他还是一位徒步爱好者和摄影爱好者,喜欢在世界各地徒步旅游和拍摄风景。现居北京,从事数字营销产品的研发工作。
第1章 jQuery Mobile概述 1
1.1 Web移动应用还是本机应用 2
1.2 移动平台兼容性 2
1.3 为何选择 jQuery Mobile 4
1.4 其他流行的Web移动应用开发框架 5
1.5 jQuery Mobile许可协议 6
1.6 受限的应用场景 6
第2章 框架初探 7
2.1 jQuery Mobile与HTML5 7
2.1.1 HTML5的演化 8
2.1.2 HTML5新特性 8
2.1.3 jQuery Mobile应用中经常用到的新特性 9
2.2 下载jQuery Mobile 9
2.3 第一个程序 10
2.3.1 开发前的准备 11
2.3.2 Hello World! 11
2.4 发布应用 13
2.4.1 安装IIS 13
2.4.2 通过IIS发布Web移动应用 15
2.5 移动设备模拟器 17
2.5.1 安装Android模拟器 17
2.5.2 创建Android模拟器 19
2.5.3 使用Android模拟器 21
2.6 jQuery Mobile开发工具 22
第3章 页面与对话框 24
3.1 单页模板与多页模板 24
3.2 页面标题 26
3.3 页面链接 27
3.4 建立和关闭对话框 30
3.5 切换方式 32
第4章 页面高级话题 33
4.1 初始化 33
4.2 通过预取和缓存改善页面访问速度 39
4.3 命名锚记 43
4.3.1 在单页模板中实现命名锚记 45
4.3.2 在多页模板中实现命名锚记 46
4.4 页面间参数传递 50
4.4.1 通过JavaScript实现参数传递 50
4.4.2 通过HTML5 Web Storage特性实现参数传递 52
4.5 加载消息 56
4.5.1 自定义加载消息 57
4.5.2 通过JavaScript管理加载消息 59
4.6 离线应用 60
4.6.1 配置Web服务器以支持离线应用 61
4.6.2 开发与集成离线应用 62
第5章 弹出页面 64
5.1 基本的弹出页面 64
5.2 不同的弹出效果 66
5.2.1 菜单与嵌套菜单 66
5.2.2 表单 69
5.2.3 对话框 71
5.3 弹出页面的高级功能 73
5.3.1 图片 73
5.3.2 视频 75
5.3.3 地图 82
5.3.4 覆盖面板 87
5.4 定制弹出页面样式 89
5.4.1 设定弹出页面的位置 89
5.4.2 动画切换效果 91
5.4.3 弹出页面主题 91
5.4.4 关闭按钮 92
5.5 属性、选项、方法和事件 93
5.5.1 属性 93
5.5.2 选项 94
5.5.3 方法 95
5.5.4 事件 95
第6章 触控交互 96
6.1 触控事件 96
6.1.1 轻击与按住 96
6.1.2 轻扫 99
6.2 虚拟鼠标事件 100
第7章 按钮 104
7.1 基本概念 104
7.2 内联按钮 106
7.3 按钮图标 107
7.3.1 按钮图标样式 107
7.3.2 按钮图标位置 110
7.4 mini按钮 111
7.5 按钮组 111
7.6 按钮属性、选项、方法与事件 113
7.6.1 属性 113
7.6.2 选项 114
7.6.3 方法和事件 115
7.7 自定义按钮 116
7.7.1 自定义按钮图标 116
7.7.2 文字折行显示 117
第8章 工具栏 119
8.1 工具栏显示模式 119
8.2 页眉和页脚工具栏 121
8.3 导航工具栏 122
8.4 固定工具栏属性、选项、方法和事件 125
8.4.1 属性 125
8.4.2 选项 126
8.4.3 方法和事件 127
8.5 高级开发技巧 129
8.5.1 自定义图标导航工具栏 129
8.5.2 定制风格导航工具栏 132
第9章 列表视图 137
9.1 基本概念 137
9.2 嵌套列表 139
9.3 分类列表 140
9.4 数字列表 141
9.5 分立按钮列表 142
9.6 缩略图与图标列表 143
9.7 气泡提示 144
9.8 只读列表 146
9.9 过滤列表内容 147
9.10 插页列表 150
9.11 折叠列表 152
9.12 自动分类列表视图 155
9.13 使用列表美化表单布局 158
9.14 美化列表内容 160
9.15 列表视图属性、选项、方法和事件 165
9.15.1 属性 165
9.15.2 选项 166
9.15.3 方法和事件 167
9.16 高级编程技巧 167
9.16.1 移除各列表条目间的分隔线 167
9.16.2 列表视图触控操作 168
9.16.3 动态加载列表视图 170
第10章 表单 173
10.1 表单样式 173
10.2 输入框 175
10.2.1 属性与选项 176
10.2.2 方法与事件 177
10.3 单选按钮 177
10.3.1 属性与选项 178
10.3.2 方法与事件 179
10.4 复选框 179
10.5 滑块 180
10.5.1 属性与选项 181
10.5.2 方法与事件 181
10.6 开关按钮 182
10.7 选择菜单 183
10.7.1 分组显示菜单项 185
10.7.2 垂直分组与水平分组 186
10.7.3 禁用某个菜单项 188
10.7.4 多选菜单 188
10.7.5 属性与选项 190
10.7.6 方法与事件 191
10.8 禁用表单元素 191
10.9 隐藏标签 192
10.10 mini尺寸的表单样式 193
10.11 高级开发技术 195
10.11.1 表单验证 195
10.11.2 文件上传 196
第11章 页面布局与呈现 199
11.1 适应不同的分辨率 199
11.1.1 视口 199
11.1.2 媒体查询 201
11.1.3 背景图片进阶 205
11.2 改变屏幕方向 206
11.3 分栏布局 207
11.4 可折叠内容块 211
11.4.1 嵌套可折叠内容块 213
11.4.2 属性 214
11.4.3 选项 215
11.4.4 事件 219
11.5 折叠组 220
第12章 响应式设计 222
12.1 基于jQuery Mobile实现响应式设计 222
12.2 分栏技术 223
12.3 回流表格 228
12.4 字段切换表格 229
12.5 滑动面板 230
12.6 支持触控操作的滑动面板 232
第13章 主题风格美化 233
13.1 主题与色版 233
13.2 内置色版 234
13.3 通过ThemeRoller自定义主题 235
13.3.1 ThemeRoller的基本概念 235
13.3.2 编辑全局设置与色版 237
13.3.3 导入、下载和分享自定义色版 238
13.4 高级开发技术 240
附录A JavaScript测试自动化 243