jQuery Mobile从入门到精通PDF电子书下载

第1章 初识jQuery Mobile 1

1.1 移动开发概述 1

1.1.1 认识Web移动应用 1

1.1.2 移动Web设计概述 2

1.1.3 了解WebKit 4

1.2 jQuery Mobile概述 5

1.2.1 为什么要选择jQuery Mobile 6

1.2.2 jQuery Mobile移动平台兼容性 6

1.2.3 jQuery Mobile功能 6

1.2.4 jQuery Mobile特性 6

1.2.5 jQuery Mobile优势 7

1.2.6 jQuery Mobile缺陷 8

1.2.7 其他流行的Web移动开发框架 9

1.3 安装jQuery Mobile 9

1.3.1 下载插件文件 9

1.3.2 初始化配置 11

1.4 案例：设计第一个移动页面 11

第2章 HTML5基础 14

2.1 创建HTML5文档 14

2.2 HTML5标签 16

2.3 详解HTML5结构 17

2.3.1 标识文章 17

2.3.2 分段内容 19

2.3.3 定义导航 22

2.3.4 定义辅助信息 24

2.3.5 定义微格式 25

2.3.6 定义发布日期 26

2.4 定义语义块 27

2.4.1 添加标题块 27

2.4.2 标题分组 28

2.4.3 添加脚注块 28

2.4.4 添加联系信息 30

2.5 HTML5新功能 30

2.6 jQuery Mobile中应用HTML5新功能 31

第3章 设计页面和对话框 32

3.1 设计页面 32

3.1.1 定义单页 32

3.1.2 定义多页 35

3.1.3 定义外部页 38

3.2 设计对话框 42

3.2.1 定义对话框 42

3.2.2 定义关闭对话框 43

3.3 实战案例 45

3.3.1 设计弹出框 45

3.3.2 设计视图渐变背景 47

3.3.3 设计页面切换方式 48

第4章 页面高级设计 51

4.1 页面初始化 51

4.2 预加载和缓存 53

4.2.1 页面预加载 53

4.2.2 页面缓存 54

4.3 使用锚记 55

4.3.1 在单页视图中定义锚记 56

4.3.2 在多页视图中定义锚记 57

4.4 传递参数 58

4.4.1 以GET方式传递参数 59

4.4.2 通过HTML5 Web Storage传递参数 60

4.5 加载消息 61

4.5.1 自定义加载消息 62

4.5.2 管理加载消息 65

4.6 实战案例 66

4.6.1 设计电子书阅读器 66

4.6.2 设计BBS界面 69

4.6.3 设计记事本 70

第5章 设计弹出页面 73

5.1 定义弹出页面 73

5.2 使用弹出页面 74

5.2.1 菜单和嵌套菜单 74

5.2.2 表单 76

5.2.3 对话框 77

5.2.4 图片 78

5.2.5 视频 80

5.3 定制弹出页面 83

5.3.1 定义显示位置 83

5.3.2 定义切换动画 84

5.3.3 定义主题样式 85

5.3.4 定义关闭按钮 86

5.4 设置属性、选项、方法和事件 87

5.4.1 属性 87

5.4.2 选项 88

5.4.3 方法 88

5.4.4 事件 88

5.5 实战案例 89

5.5.1 设计覆盖面板 89

5.5.2 设计单页相册 91

第6章 移动页面布局 95

6.1 网格化布局 95

6.1.1 定义网格 95

6.1.2 案例：设计两栏页面 98

6.2 设计折叠块 101

6.2.1 定义折叠块 102

6.2.2 定义嵌套折叠块 104

6.2.3 设置属性 105

6.2.4 设置选项 106

6.2.5 设置事件 109

6.3 设计折叠组 111

6.4 实战案例 112

6.4.1 设计课程表 112

6.4.2 设计九宫格 114

6.4.3 设计通讯录 116

6.4.4 设计QQ好友列表 118

6.4.5 设计Metro版式 120

第7章 使用按钮 124

7.1 定义按钮 124

7.2 定义内联按钮 124

7.3 定义按钮图标 125

7.3.1 图标样式 125

7.3.2 图标位置 126

7.4 定义迷你按钮 127

7.5 定义按钮组 127

7.6 设置按钮 128

7.6.1 定义属性 128

7.6.2 定义选项 129

7.6.3 定义方法和事件 129

7.7 自定义按钮 130

7.7.1 自定义按钮图标 131

7.7.2 文本换行显示 131

7.8 实战案例 132

7.8.1 设计按钮 132

7.8.2 设计按钮组 135

第8章 设计工具栏 138

8.1 使用工具栏 138

8.1.1 定义工具栏 138

8.1.2 定义显示模式 139

8.2 设计页眉栏 139

8.2.1 定义页眉栏 140

8.2.2 定义导航按钮 142

8.2.3 定义按钮位置 147

8.3 设计导航栏 148

8.3.1 定义导航栏 148

8.3.2 定义导航图标 152

8.3.3 定义图标位置 153

8.3.4 自定义导航图标 154

8.4 设计页脚栏 157

8.4.1 定义页脚栏 157

8.4.2 嵌入表单 158

8.5 设置工具栏 161

8.5.1 设置属性 161

8.5.2 设置选项 162

8.5.3 设置方法和事件 163

8.6 实战案例 164

8.6.1 设计播放器界面 165

8.6.2 设计QWER键盘界面 166

第9章 使用表单 169

9.1 表单样式 169

9.2 输入框 170

9.2.1 设计输入框 171

9.2.2 设置属性和选项 174

9.2.3 设置方法和事件 175

9.3 单选按钮 175

9.3.1 设计单选按钮 175

9.3.2 设置属性和选项 178

9.3.3 设置方法和事件 178

9.4 复选框 179

9.5 滑块 183

9.5.1 设计滑块 183

9.5.2 设置属性和选项 185

9.5.3 设置方法和事件 186

9.6 开关按钮 186

9.7 选择菜单 189

9.7.1 设计下拉菜单 189

9.7.2 设计列表框 193

9.7.3 选择项目分组 196

9.7.4 禁用选择项目 197

9.7.5 设置属性和选项 197

9.7.6 设置方法和事件 198

9.8 使用表单 198

9.8.1 禁用表单对象 198

9.8.2 隐藏标签 199

9.8.3 设计迷你表单 200

9.9 实战案例 201

9.9.1 表单验证 201

9.9.2 文件上传 202

9.9.3 设计QQ登录界面 203

9.9.4 设计调查问卷 204

9.9.5 设计调色板 205

9.9.6 设计登录对话框 207

第10章 设计列表视图 209

10.1 简单列表 209

10.1.1 认识列表视图 209

10.1.2 定义列表视图 210

10.1.3 设计简单列表视图 210

10.2 嵌套列表 215

10.2.1 定义嵌套列表 215

10.2.2 设计嵌套列表视图 216

10.3 数字列表 219

10.4 分类列表 220

10.5 扩展列表视图功能 222

10.5.1 拆分按钮列表 222

10.5.2 缩微图和图标列表 223

10.5.3 气泡提示 224

10.5.4 列表过滤 225

10.6 优化列表视图外观 228

10.6.1 插页列表 228

10.6.2 折叠列表 228

10.6.3 自动分类列表 231

10.7 设置列表视图 232

10.7.1 属性 232

10.7.2 选项 233

10.7.3 方法和事件 234

10.8 实战案例 234

10.8.1 设计表单登录页 234

10.8.2 设计电商产品页面 235

10.8.3 设计新闻列表页 241

10.8.4 设计播放列表 244

10.8.5 设计通讯录 247

第11章 高级开发 249

11.1 配置jQuery Mobile 249

11.1.1 修改gradeA配置值 249

11.1.2 jQuery Mobile配置项 251

11.2 事件 254

11.2.1 触摸事件 254

11.2.2 翻转事件 258

11.2.3 滚屏事件 260

11.2.4 页面显示／隐藏事件 262

11.3 方法 265

11.3.1 转换路径 265

11.3.2 比较域名 267

11.3.3 纵向滚动 269

11.4 设计UI样式 270

11.4.1 关闭列表项箭头 270

11.4.2 固定标题栏和页脚栏 272

11.4.3 设计随机页面背景 273

11.5 定制组件 275

11.5.1 设置标题／按钮组件显示字数 275

11.5.2 设置按钮状态 277

11.5.3 禁用异步打开链接 278

11.6 HTML5应用 280

11.6.1 动态传递参数 280

11.6.2 离线访问 282

11.6.3 HTML5绘画 285

11.7 实战案例：使用事件 287

11.7.1 侦测用户动作 289

11.7.2 划开面板 290

第12章 响应式设计 292

12.1 响应式设计概述 292

12.1.1 响应式Web实现方法 293

12.1.2 响应式Web设计流程 294

12.1.3 基于jQuery Mobile实现响应式设计 294

12.2 设计响应式图片 295

12.3 设计响应式结构 297

12.4 定义自适应内容 301

12.5 案例：设计响应式Web 305

12.6 媒体查询 308

12.6.1 使用viewport 309

12.6.2 使用Media Queries 309

12.7 实战案例 315

12.7.1 分栏设计 316

12.7.2 设计回流表格 319

12.7.3 设计字段切换表格 321

12.7.4 设计滑动面板 322

第13章 设计主题和样式 325

13.1 定义主题 325

13.1.1 认识jQuery Mobile主题 325

13.1.2 默认主题 326

13.1.3 使用主题 327

13.1.4 编辑主题 331

13.1.5 自定义主题 333

13.2 定义列表主题 337

13.3 定义表单主题 339

13.4 定义按钮主题 341

13.5 激活主题 344

13.6 定义工具栏主题 346

13.7 定义页面主题 349

13.8 定义内容主题 350

13.9 实战案例 353

13.9.1 定义多页面主题 353

13.9.2 设计计算器界面 354

13.9.3 设计键盘界面 356

13.10 使用ThemeRoller 359

13.10.1 认识ThemeRoller 359

13.10.2 编辑全局设置与色版 360

13.10.3 导入、下载和分享自定义色版 360

第14章 实战开发：企业移动宣传项目 362

14.1 案例分析 362

14.2 界面设计 362

14.3 框架设计 363

14.4 制作主页面 365

14.5 制作二级栏目 367

14.6 制作详细页 370

14.7 小结 372

第15章 实战开发：移动版记事本项目 373

15.1 项目分析 373

15.2 框架设计 374

15.3 技术准备 374

15.3.1 兼容性检查 375

15.3.2 读写数据 376

15.3.3 使用Web Storage 377

15.3.4 Web Storage事件监测 378

15.4 制作主页面 378

15.5 制作列表页 381

15.6 制作详细页 384

15.7 制作修改页 386

15.8 制作添加页 390

15.9 小结 393

第16章 实战开发：移动博客项目 394

16.1 项目分析 394

16.2 主页设计 394

16.3 列表页设计 395

16.4 内容页设计 398

16.5 后台开发 399

16.5.1 设计数据库 399

16.5.2 连接数据库 401

16.5.3 首页功能实现 403

16.5.4 列表页功能实现 404

16.5.5 内容页功能实现 407

16.6 小结 410

第17章 实战开发：MP3播放器 411

17.1 项目分析 411

17.2 主页设计 411

17.3 主题页设计 413

17.4 歌手页设计 414

17.5 专辑页设计 415

17.6 后台开发 416

17.6.1 设计数据库 416

17.6.2 连接数据库 418

17.6.3 首页功能实现 418

17.6.4 主题页功能实现 419

17.6.5 歌手页功能实现 420

17.6.6 专辑页功能实现 422

17.7 多媒体整合 423

17.7.1 使用〈audio〉标签 423

17.7.2 在jQuery Mobile中绑定〈audio〉标签 425

17.7.3 MP3功能设计 426

17.8 小结 428

第18章 实战开发：闺蜜说社区项目 429

18.1 项目分析 429

18.2 主页设计 429

18.3 登录页设计 431

18.4 注册页设计 432

18.5 发布页设计 433

18.6 后台开发 434

18.6.1 设计数据库 434

18.6.2 连接数据库 435

18.6.3 首页功能实现 435

18.6.4 注册页功能实现 439

18.6.5 发布页功能实现 440

18.6.6 回复功能实现 442

18.7 小结 444

第19章 发布应用项目 445

19.1 Web应用发布基础 445

19.2 自定义发布 446

19.3 准备打包 446

19.4 使用PhoneGap打包 446