jQuery Mobile开发指南

内容概要

陆明

一位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

作者简介

jQuery Mobile 是一套基于jQuery 的移动应用界面开发框架。本书将为你系统讲述使用该框架开发Web移动应用的方法，包括框架构成、页面、对话框、弹出页面、触控交互、按钮、工具栏、列表视图、表单，以及页面响应式布局设计、主题风格美化、事件响应与其他一些高级而实用的技巧。

本书既适合开发人员、测试人员和产品经理使用，也适合作为大中专院校相关专业师生的学习用书与培训教材。

 jQuery Mobile开发指南下载