第1章 HTML5 App应用开发概述 1
1.1 HTML5介绍 1
1.1.1终将失败的Flash 2
1.1.2 Web移动应用的未来 3
1.2 HTML5新特性 3
1.3拥抱HTML5 6
1.4 HTML5 App的发展 7
1.5 HTML5 App与原生App的比较 9
1.6 HTML5 App开发环境搭建 11
1.6.1开发工具的安装 11
1.6.2最接近原生App体验的MUI框架 12
1.6.3 HTML5+应用介绍 14
1.6.4流应用介绍 15
1.7开发第一个HTML5 App 16
1.7.1练习:HelloWorld程序 16
1.7.2打包过程 20
小结 23
习题 23
第2章 HTML5页面基础 25
2.1 HTML简介 25
2.1.1标签 26
2.1.2标签的属性 26
2.1.3注释标签 27
2.2 HTML5文档基本格式 27
2.3布局div标签 29
2.4文本控制标签 30
2.4.1标题h标签 30
2.4.2段落p标签 30
2.4.3水平线hr标签 31
2.4.4换行br标签 31
2.4.5特殊字符标记 32
2.4.6修饰span标签 32
2.5图像img标签 33
2.6超链接a标签 34
2.7列表标签 35
2.7.1无序列表ul标签 35
2.7.2有序列表ol标签 36
2.8语义化标签 37
2.9页面交互性标签 38
2.9.1细节展示details和summary标签 38
2.9.2进度条progess标签 39
2.10表格标签 39
2.11表单的应用 42
2.11.1表单form标签 42
2.11.2各种input输入标签 44
2.11.3 input标签的其他属性 52
2.11.4其他表单标签 52
2.11.5实例:注册表单 54
2.12移动开发中meta标签的应用 56
小结 57
习题 57
第3章 CSS样式设计 60
3.1 CSS简介 60
3.2 CSS核心基础 61
3.2.1 CSS样式规则 61
3.2.2 CSS中的单位和颜色 62
3.2.3在HTML文档中应用CSS 62
3.3 CSS选择器 63
3.3.1基础选择器 63
3.3.2其他选择器 65
3.4尺寸属性 65
3.5文本样式属性 66
3.6 CSS高级特性 70
3.6.1继承性 70
3.6.2 CSS层叠性和优先级 70
3.6.3 Chrome调试CSS 71
3.7背景属性 74
3.7.1设置背景颜色 74
3.7.2设置背景图片 75
3.8边框属性 79
3.9 CSS盒子模型 80
3.9.1内填充属性 80
3.9.2外边距属性 81
3.9.3 box-sizing属性 82
3.10浮动和定位 83
3.10.1浮动 83
3.10.2定位 85
3.10.3块元素与行内元素 88
3.11 CSS动画效果 89
3.11.1过渡 89
3.11.2 2D及3D变换 90
3.11.3动画控制 91
3.12其他一些常用的CSS属性 94
3.13移动设备的适配 95
3.14实例 97
3.14.1注册表单样式美化 97
3.14.2旅游App页面 98
小结 98
习题 99
第4章 JavaScript编程基础 101
4.1 JavaScript介绍 101
4.2使用JavaScript 102
4.2.1在页面中插入代码 102
4.2.2使用js文件 103
4.3 JavaScript的基础语法 104
4.3.1数据类型 104
4.3.2变量定义 105
4.3.3数据类型的转换 106
4.3.4代码注释 109
4.3.5运算符 110
4.3.6常用语句 116
4.4函数 122
4.4.1函数定义及调用 122
4.4.2变量的作用域 123
4.4.3函数重载 124
4.4.4函数的返回值 125
4.4.5匿名函数 126
4.5 JavaScript在Chrome中的调试 126
4.5.1在控制台输出 126
4.5.2断点调试 128
4.6 JavaScript对象基础 130
4.6.1 Object对象 130
4.6.2内置对象 131
4.6.3自定义类或对象 140
4.7 JavaScript处理JSON 143
4.7.1 JSON格式结构简介 143
4.7.2 JSON序列化与反序列化 143
小结 145
习题 145
第5章 JavaScript交互编程 147
5.1 DOM介绍 147
5.2使用DOM 148
5.2.1 document对象 148
5.2.2查找节点 150
5.2.3处理属性 154
5.2.4读取和设置内容 155
5.2.5创建和操作节点 158
5.3 DOM的样式编程 165
5.3.1 className属性 165
5.3.2 classList对象 166
5.3.3 style对象 168
5.4事件 170
5.4.1常用的一些事件 170
5.4.2内联属性监听事件 171
5.4.3 DO M属性监听事件 172
5.4.4标准的事件监听函数 172
5.4.5事件触发过程 175
5.4.6事件的Event对象 176
小结 178
习题 179
第6章 jQuery编程基础 182
6.1 jQuery介绍 182
6.2使用jQuery 183
6.3使用$()函数 183
6.4 jQuery的自定义选择器 184
6.4.1基本过滤器 185
6.4.2内容过滤器 185
6.4.3可见性过滤器 185
6.4.4表单选择器 185
6.5 jQuery对象与DOM对象的转换 186
6.6 jQuery对事件的处理 187
6.6.1页面加载后执行 187
6.6.2 jQuery事件监听 188
6.7 jQuery遍历方法 193
6.7.1遍历HTML元素对象 193
6.7.2遍历数组对象 194
6.7.3遍历JSON对象属性 195
6.8 jQuery DOM交互 195
6.8.1操作HTML属性 196
6.8.2操作表单元素的值 198
6.8.3修改节点内容 199
6.8.4创建和添加HTML元素节点 200
6.8.5删除HTML元素节点 202
6.8.6复制HTML元素节点 204
6.8.7修改样式 205
6.9 jQuery的扩展 209
6.10 jQuery插件应用介绍 212
6.11实例:记忆翻牌游戏 214
小结 215
习题 215
第7章 AJAX通信技术 219
7.1 AJAX技术介绍 219
7.2 HTTP协议分析 221
7.2.1 HTTP协议介绍 221
7.2.2 Fiddler抓包神器 221
7.2.3 HTTP请求与响应 225
7.2.4 Fiddler手机数据抓包 231
7.2.5 Fiddler模拟HTTP请求 232
7.2.6图片验证码 233
7.3 XMLHttpRequest对象 235
7.3.1使用方法 235
7.3.2读取数据 237
7.3.3提交数据 239
7.3.4 FormData对象 241
7.3.5解析XML数据 246
7.4 CORS跨域问题 248
7.5 RESTful API介绍 250
7.6 jQuery中的AJAX方法 250
7.7实例:送货地址管理 252
小结 253
习题 254
第8章 WebSocket基础 257
8.1 WebSocket的发展历程 257
8.2 HTML5 WebSocket简介 258
8.3 WebSocket实现 259
8.4实例:聊天室 261
8.4.1 WebSocket服务器端 261
8.4.2客户端实现 262
小结 264
习题 264
第9章 播放多媒体 266
9.1 HTML5标准中的音视频 266
9.1.1〈audio〉标签 266
9.1.2〈video〉标签 267
9.2 〈audio〉和〈video〉标签的主要属性 267
9.3 audio对象和video对象的API 269
9.4实例:视频播放器 270
小结 271
习题 271
第10章 本地存储 273
10.1 HTML5本地存储技术概述 273
10.2 localStorage和sessionStorage 274
10.2.1检查浏览器的支持 274
10.2.2相应的API 275
10.3 Web SQL数据库 280
10.3.1创建或打开数据库 280
10.3.2执行SQL语句 280
10.4 IndexedDB数据库 283
10.4.1数据库初始化 284
10.4.2 对象存储空间 284
10.4.3索引 285
10.4.4事务 285
10.4.5 IndexedDB的CRUD操作 286
10.4.6游标 286
小结 288
习题 288
第11章 Canvas绘图 289
11.1 Canvas介绍 289
11.2绘制图形 290
11.2.1绘制直线 290
11.2.2绘制贝塞尔曲线 293
11.2.3绘制填充 294
11.2.4使用渐变色 295
11.2.5绘制矩形 297
11.2.6绘制圆弧 298
11.3绘制文字 299
11.4绘制图片 301
11.5擦除 302
11.6坐标变换 304
11.7像素操作 306
11.8实例:九宫格手势解锁 307
小结 308
习题 308
第12章 HTML5+Runtime 310
12.1 HTML5+Runtime介绍 310
12.2 HTML5+的Demo示例 311
12.3 HTML5+API的使用 312
12.4 HTML5+API的各模块 313
12.5 Webview模块 314
12.5.1 Webview的方法 314
12.5.2 WebviewObject 321
12.5.3常见的一些UI效果 326
12.6 Native.js介绍 340
小结 340
习题 340
第13章 MUI框架 342
13.l MUI介绍 342
13.2 MUI的示例 343
13.3使用MUI 344
13.4 MUI页面设计的一些特殊使用 346
13.5 mui对象的内置方法和对象 350
13.6事件管理 352
13.7窗口管理 355
13.8各种UI组件 362
13.8.1按钮 362
13.8.2数字角标 365
13.8.3数字输入框 365
13.8.4列表 366
13.8.5折叠面板 369
13.8.6卡片视图 370
13.8.7轮播组件 371
13.8.8图片轮播组件 371
13.8.9复选框和单选框组件 374
13.8.10开关组件 374
13.8.11滑块组件 375
13.8.12字体图标组件 376
13.8.13表单组件 376
13.8.14进度条组件 378
13.8.15 弹出菜单组件 380
13.8.16遮罩层组件 381
13.8.17操作表组件 381
13.8.18对话框组件 382
13.8.19 scroll区域滚动 385
13.9下拉刷新和上拉加载 386
13.9.1下拉刷新 387
13.9.2上拉加载 388
13.10 MUI的插件 389
13.10.1延迟加载插件 389
13.10.2图片预览插件 390
13.10.3日期和时间选择器插件 391
13.10.4单页面刷新插件 392
13.11 MUI的AJAX封装 394
13.12 Chrome调试Android应用 395
小结 397
习题 398
第14章 综合实例:美食汇App 399
14.1项目介绍 399
14.1.1 API全局变量 400
14.1.2 API介绍 400
14.2字体图标的制作 401
14.3 manifest.json文件的配置 403
14.3.1应用信息配置 403
14.3.2图标配置 404
14.3.3启动图片配置 405
14.4向导 406
14.5首页 409
14.5.1使用子页面构建首页 409
14.5.2美食列表数据的请求和刷新 410
14.5.3滑动手势的处理 412
14.5.4过滤条件的制作 412
14.5.5 MUI插件的使用 413
14.5.6窗口数据的传递 414
14.5.7扫码的实现 414
14.5.8城市定位和选项卡切换 415
14.6美食详情 416
14.6.1拨打电话 417
14.6.2百度地图定位显示 417
14.6.3评论中的图片预览 419
14.6.4分享 419
14.6.5收藏 423
14.7抽奖 424
14.7.1授权打开窗口 424
14.7.2界面处理 425
14.7.3摇一摇 426
14.7.4自定义窗口 427
14.7.5跨页面调用方法 427
14.8注册和登录 428
14.9我的订单 430
14.9.1 artTemplate生成列表 430
14.9.2评论 432
14.10版本更新 435
14.11发布Android程序 437
小结 439
部分习题参考答案 440
参考文献 442