书籍详情
HTML5移动网站与App开发实战
作者：王金柱 绵绵的糖
出版社：清华大学出版社
出版时间：2022-08-01
ISBN：9787302612841
定价：¥79.00
购买这本书可以去
内容简介
本书由浅入深出、全面系统地介绍HTML5相关技术及其在移动开发领域的应用。从基本原理到移动页面优化再到实战应用，涉及HTML5移动开发领域的绝大部分内容，是一本集理论与实战于一体的综合性参考书。本书配套示例源码与PPT课件。本书共分15章。第1~9章讲解HTML5移动特性，内容包括HTML5移动开发基础、移动表单、多媒体形式、地理位置定位、离线缓存、Canvas绘图、CSS3视觉辅助和调用手机设备等，最后剖析移动开发性能优化的一些技巧。第10~11章讲解HTML5移动框架jQuery Mobile，内容包括jQuery Mobile这个比较流行的移动框架的用法，以及基于这个框架开发移动便笺App。第12~13章讲解HTML5 Vue组合，内容包括Vue框架的特性与安装使用方法，结合HTML5与Vue开发音乐播放App。第14~15章讲解HTML5 React组合，内容包括React框架的介绍及其安装使用，并结合HTML5与React开发一个可拖曳的待办事项App。本书适合所有想深入学习HTML5移动开发技术的初学者阅读，尤其适合正在应用HTML5做移动项目开发的人员阅读。对于高等院校相关专业的学生和培训机构的学员，本书也是一本不可多得的实训教材。
作者简介
本书由浅入深出、全面系统地介绍HTML5相关技术及其在移动开发领域的应用。从基本原理到移动页面优化再到实战应用，涉及HTML5移动开发领域的绝大部分内容，是一本集理论与实战于一体的综合性参考书。本书配套示例源码与PPT课件。本书共分15章。第1~9章讲解HTML5移动特性，内容包括HTML5移动开发基础、移动表单、多媒体形式、地理位置定位、离线缓存、Canvas绘图、CSS3视觉辅助和调用手机设备等，最后剖析移动开发性能优化的一些技巧。第10~11章讲解HTML5移动框架jQuery Mobile，内容包括jQuery Mobile这个比较流行的移动框架的用法，以及基于这个框架开发移动便笺App。第12~13章讲解HTML5 Vue组合，内容包括Vue框架的特性与安装使用方法，结合HTML5与Vue开发音乐播放App。第14~15章讲解HTML5 React组合，内容包括React框架的介绍及其安装使用，并结合HTML5与React开发一个可拖曳的待办事项App。本书适合所有想深入学习HTML5移动开发技术的初学者阅读，尤其适合正在应用HTML5做移动项目开发的人员阅读。对于高等院校相关专业的学生和培训机构的学员，本书也是一本不可多得的实训教材。
目录
第1章 HTML5移动入门 1
1.1 认识HTML 1
1.1.1 HTML的构成 1
1.1.2 CSS的构成 2
1.1.3 JavaScript的构成 3
1.2 认识HTML5 4
1.2.1 HTML5的发展与理念 5
1.2.2 HTML5和XHTML的对比 6
1.3 制作一个简单的HTML5移动App 7
1.3.1 开发工具的选择 7
1.3.2 App代码的编写 8
1.3.3 调试运行 Hello App 9
1.4 HTML5的移动特色 9
1.5 本章小结 10
第2章 移动特性1——移动表单 11
2.1 丰富的表单属性 11
2.2 移动Web表单的input类型 13
2.2.1 search类型 13
2.2.2 email类型 13
2.2.3 number类型 14
2.2.4 range类型 15
2.2.5 tel类型 15
2.2.6 url类型 15
2.3 HTML5表单新属性 16
2.3.1 autocomplete属性 16
2.3.2 autofocus属性 17
2.4 范例——创建一个HTML5版的App注册页面 17
2.4.1 代码设计 18
2.4.2 代码分析 23
2.5 本章小结 24
第3章 移动特性2——多媒体形式 25
3.1 音频和视频 25
3.1.1 音频和视频的格式 25
3.1.2 使用audio/video元素 26
3.1.3 音频和视频的通信 27
3.2 范例——制作音乐播放器App 29
3.3 范例——制作视频播放器App 31
3.3.1 普通视频播放器 32
3.3.2 添加视频进度条 35
3.3.3 添加视频快进慢进按钮 37
3.3.4 处理带字幕的视频 38
3.4 本章小结 40
第4章 移动特性3——地理位置定位 41
4.1 认识地理位置 41
4.1.1 纬度和经度坐标 41
4.1.2 定位数据 42
4.1.3 构建地理位置应用 43
4.2 手机地理位置定位 44
4.3 谷歌地图的使用 46
4.3.1 追踪用户的位置 46
4.3.2 查找路线 50
4.3.3 用户自定义的地理定位 57
4.4 高德地图的使用 61
4.5 本章小结 63
第5章 移动特性4——离线缓存 64
5.1 离线缓存应用 64
5.1.1 离线缓存API简介 64
5.1.2 使用Manifest文件 67
5.1.3 使用ApplicationCache API方法 68
5.1.4 缓存更新示例 68
5.2 离线事件处理 72
5.3 范例——离线贴吧App 75
5.4 本章小结 79
第6章 移动特性5——Canvas绘图 80
6.1 HTML5的绘图API 80
6.1.1 什么是Canvas 80
6.1.2 加载Canvas 81
6.1.3 什么是SVG 82
6.1.4 什么是WebGL 84
6.1.5 Paper.js图形库 85
6.2 应用Canvas 86
6.2.1 绘制图形 86
6.2.2 绘制文字 90
6.2.3 颜色渐变 97
6.3 范例——带特效的相册App 99
6.4 本章小结 106
第7章 移动特性6——CSS3视觉辅助 107
7.1 CSS3的变化 107
7.2 背景 108
7.3 文字效果 109
7.4 边框 110
7.5 用户界面 112
7.6 转换 114
7.7 过渡 115
7.8 范例——用CSS3画哆啦A梦 116
7.8.1 头和脸 116
7.8.2 脖子和铃铛 119
7.8.3 身体和四肢 121
7.8.4 让眼睛动起来 125
7.9 本章小结 126
第8章 移动特性7——调用手机设备 127
8.1 HTML5调用手机摄像头 127
8.2 HTML5调用手机相册 130
8.3 HTML5调用手机通讯录 135
8.4 本章小结 138
第9章 HTML5移动性能优化 139
9.1 HTML5的性能考量 139
9.1.1 浏览器性能 139
9.1.2 网络性能 142
9.1.3 开发效率 143
9.2 加载优化 145
9.2.1 减少HTTP请求 146
9.2.2 充分利用缓存 149
9.2.3 压缩 150
9.2.4 优化JavaScript加载性能 154
9.2.5 其他加载优化 161
9.3 CSS优化 163
9.3.1 了解页面的渲染过程 164
9.3.2 避免在HTML标签中写style属性 166
9.3.3 正确使用display属性 166
9.3.4 避免使用CSS表达式 167
9.3.5 不滥用float属性 167
9.3.6 不滥用Web字体 169
9.3.7 不声明过多的Font-size 171
9.3.8 优化选择器的使用 171
9.4 图片优化 174
9.4.1 使用CSS3代替图片 174
9.4.2 使用Data URI代替图片 176
9.4.3 使用SVG代替图片 180
9.4.4 IconFont与SVG优劣对比 181
9.4.5 使用压缩图片 182
9.4.6 使用srcset 183
9.4.7 使用WebP 184
9.5 渲染优化 186
9.5.1 渲染流程 186
9.5.2 使用Viewport加速页面渲染 187
9.5.3 动画优化 188
9.5.4 高频事件优化 191
9.5.5 GPU加速 193
9.6 脚本优化 194
9.6.1 脚本执行优化 194
9.6.2 条件JavaScript 196
9.6.3 缓存DOM操作 198
9.6.4 尽量使用事件委托以避免批量绑定事件 201
9.6.5 尽量使用ID选择器 203
9.6.6 click事件优化 204
9.7 本章小结 206
第10章 jQuery Mobile移动框架 207
10.1 初步接触jQuery Mobile 207
10.1.1 jQuery Mobile框架的特点 207
10.1.2 jQuery Mobile框架的安装与配置 208
10.1.3 创建第一个jQuery Mobile Web App 210
10.2 jQuery Mobile页面与导航 212
10.2.1 jQuery Mobile单页面 212
10.2.2 jQuery Mobile多页面 213
10.2.3 jQuery Mobile对话框页面 216
10.2.4 jQuery Mobile导航 220
10.2.5 jQuery Mobile加载元素 224
10.2.6 jQuery Mobile动画效果 227
10.3 jQuery Mobile CSS样式 230
10.3.1 按钮样式 230
10.3.2 图标样式 236
10.3.3 网格布局样式 240
10.4 jQuery Mobile小部件 243
10.4.1 工具条 243
10.4.2 导航条 246
10.4.3 选项卡 250
10.4.4 面板 253
10.4.5 弹出框 255
10.5 jQuery Mobile表单 258
10.5.1 输入框 258
10.5.2 复选框 259
10.5.3 单选按钮 261
10.5.4 下拉列表框 262
10.5.5 滑块控件 263
10.6 本章小结 265
第11章 jQuery Mobile框架实战——移动便笺App 266
11.1 项目介绍 266
11.2 项目功能模块 267
11.2.1 主页 267
11.2.2 便笺内容浏览页面 269
11.2.3 登录页面 270
11.2.4 便笺内容浏览页面（用户权限） 272
11.2.5 新建便笺内容 274
11.2.6 编辑便笺内容 275
11.2.7 删除便笺内容 276
11.2.8 清空便笺内容 276
11.3 本章小结 277
第12章 Vue项目开发入门 278
12.1 Vue的初次接触 278
12.1.1 Vue框架的特点 278
12.1.2 Vue框架的下载安装 279
12.2 如何快速创建Vue项目（Vue 2和Vue 3） 281
12.2.1 使用脚手架命令快速创建Vue项目 281
12.2.2 通过构建工具Vite创建Vue项目 283
12.3 Vue项目剖析 283
12.3.1 模板 283
12.3.2 样式设置 287
12.3.3 各组件生命周期 288
12.4 本章小结 289
第13章 HTML5 Vue实战——音乐App 290
13.1 创建项目 290
13.2 后端接口搭建 292
13.3 前端依赖库的安装 293
13.4 首页（歌曲推荐页面） 295
13.5 实现歌手分类页面 303
13.6 歌手所有歌曲页面实现 306
13.7 歌单分类页面实现 308
13.8 本章小结 310
第14章 React项目开发入门 311
14.1 React的下载安装 311
14.1.1 React框架的特点 311
14.1.2 React框架的下载安装 312
14.2 如何快速创建React项目 315
14.3 React项目剖析 316
14.3.1 模板 316
14.3.2 样式设置 319
14.3.3 各组件生命周期 321
14.4 本章小结 326
第15章 HTML5 React实战——可拖曳的待办事项App 327
15.1 创建项目 327
15.2 创建待办事项子组件 329
15.3 待办事项子组件 331
15.4 图标子组件 337
15.5 待办事项详情子组件 339
15.6 编辑待办事项子组件 343
15.7 拖曳删除待办事项 347
15.8 本章小结 357
1.1 认识HTML 1
1.1.1 HTML的构成 1
1.1.2 CSS的构成 2
1.1.3 JavaScript的构成 3
1.2 认识HTML5 4
1.2.1 HTML5的发展与理念 5
1.2.2 HTML5和XHTML的对比 6
1.3 制作一个简单的HTML5移动App 7
1.3.1 开发工具的选择 7
1.3.2 App代码的编写 8
1.3.3 调试运行 Hello App 9
1.4 HTML5的移动特色 9
1.5 本章小结 10
第2章 移动特性1——移动表单 11
2.1 丰富的表单属性 11
2.2 移动Web表单的input类型 13
2.2.1 search类型 13
2.2.2 email类型 13
2.2.3 number类型 14
2.2.4 range类型 15
2.2.5 tel类型 15
2.2.6 url类型 15
2.3 HTML5表单新属性 16
2.3.1 autocomplete属性 16
2.3.2 autofocus属性 17
2.4 范例——创建一个HTML5版的App注册页面 17
2.4.1 代码设计 18
2.4.2 代码分析 23
2.5 本章小结 24
第3章 移动特性2——多媒体形式 25
3.1 音频和视频 25
3.1.1 音频和视频的格式 25
3.1.2 使用audio/video元素 26
3.1.3 音频和视频的通信 27
3.2 范例——制作音乐播放器App 29
3.3 范例——制作视频播放器App 31
3.3.1 普通视频播放器 32
3.3.2 添加视频进度条 35
3.3.3 添加视频快进慢进按钮 37
3.3.4 处理带字幕的视频 38
3.4 本章小结 40
第4章 移动特性3——地理位置定位 41
4.1 认识地理位置 41
4.1.1 纬度和经度坐标 41
4.1.2 定位数据 42
4.1.3 构建地理位置应用 43
4.2 手机地理位置定位 44
4.3 谷歌地图的使用 46
4.3.1 追踪用户的位置 46
4.3.2 查找路线 50
4.3.3 用户自定义的地理定位 57
4.4 高德地图的使用 61
4.5 本章小结 63
第5章 移动特性4——离线缓存 64
5.1 离线缓存应用 64
5.1.1 离线缓存API简介 64
5.1.2 使用Manifest文件 67
5.1.3 使用ApplicationCache API方法 68
5.1.4 缓存更新示例 68
5.2 离线事件处理 72
5.3 范例——离线贴吧App 75
5.4 本章小结 79
第6章 移动特性5——Canvas绘图 80
6.1 HTML5的绘图API 80
6.1.1 什么是Canvas 80
6.1.2 加载Canvas 81
6.1.3 什么是SVG 82
6.1.4 什么是WebGL 84
6.1.5 Paper.js图形库 85
6.2 应用Canvas 86
6.2.1 绘制图形 86
6.2.2 绘制文字 90
6.2.3 颜色渐变 97
6.3 范例——带特效的相册App 99
6.4 本章小结 106
第7章 移动特性6——CSS3视觉辅助 107
7.1 CSS3的变化 107
7.2 背景 108
7.3 文字效果 109
7.4 边框 110
7.5 用户界面 112
7.6 转换 114
7.7 过渡 115
7.8 范例——用CSS3画哆啦A梦 116
7.8.1 头和脸 116
7.8.2 脖子和铃铛 119
7.8.3 身体和四肢 121
7.8.4 让眼睛动起来 125
7.9 本章小结 126
第8章 移动特性7——调用手机设备 127
8.1 HTML5调用手机摄像头 127
8.2 HTML5调用手机相册 130
8.3 HTML5调用手机通讯录 135
8.4 本章小结 138
第9章 HTML5移动性能优化 139
9.1 HTML5的性能考量 139
9.1.1 浏览器性能 139
9.1.2 网络性能 142
9.1.3 开发效率 143
9.2 加载优化 145
9.2.1 减少HTTP请求 146
9.2.2 充分利用缓存 149
9.2.3 压缩 150
9.2.4 优化JavaScript加载性能 154
9.2.5 其他加载优化 161
9.3 CSS优化 163
9.3.1 了解页面的渲染过程 164
9.3.2 避免在HTML标签中写style属性 166
9.3.3 正确使用display属性 166
9.3.4 避免使用CSS表达式 167
9.3.5 不滥用float属性 167
9.3.6 不滥用Web字体 169
9.3.7 不声明过多的Font-size 171
9.3.8 优化选择器的使用 171
9.4 图片优化 174
9.4.1 使用CSS3代替图片 174
9.4.2 使用Data URI代替图片 176
9.4.3 使用SVG代替图片 180
9.4.4 IconFont与SVG优劣对比 181
9.4.5 使用压缩图片 182
9.4.6 使用srcset 183
9.4.7 使用WebP 184
9.5 渲染优化 186
9.5.1 渲染流程 186
9.5.2 使用Viewport加速页面渲染 187
9.5.3 动画优化 188
9.5.4 高频事件优化 191
9.5.5 GPU加速 193
9.6 脚本优化 194
9.6.1 脚本执行优化 194
9.6.2 条件JavaScript 196
9.6.3 缓存DOM操作 198
9.6.4 尽量使用事件委托以避免批量绑定事件 201
9.6.5 尽量使用ID选择器 203
9.6.6 click事件优化 204
9.7 本章小结 206
第10章 jQuery Mobile移动框架 207
10.1 初步接触jQuery Mobile 207
10.1.1 jQuery Mobile框架的特点 207
10.1.2 jQuery Mobile框架的安装与配置 208
10.1.3 创建第一个jQuery Mobile Web App 210
10.2 jQuery Mobile页面与导航 212
10.2.1 jQuery Mobile单页面 212
10.2.2 jQuery Mobile多页面 213
10.2.3 jQuery Mobile对话框页面 216
10.2.4 jQuery Mobile导航 220
10.2.5 jQuery Mobile加载元素 224
10.2.6 jQuery Mobile动画效果 227
10.3 jQuery Mobile CSS样式 230
10.3.1 按钮样式 230
10.3.2 图标样式 236
10.3.3 网格布局样式 240
10.4 jQuery Mobile小部件 243
10.4.1 工具条 243
10.4.2 导航条 246
10.4.3 选项卡 250
10.4.4 面板 253
10.4.5 弹出框 255
10.5 jQuery Mobile表单 258
10.5.1 输入框 258
10.5.2 复选框 259
10.5.3 单选按钮 261
10.5.4 下拉列表框 262
10.5.5 滑块控件 263
10.6 本章小结 265
第11章 jQuery Mobile框架实战——移动便笺App 266
11.1 项目介绍 266
11.2 项目功能模块 267
11.2.1 主页 267
11.2.2 便笺内容浏览页面 269
11.2.3 登录页面 270
11.2.4 便笺内容浏览页面（用户权限） 272
11.2.5 新建便笺内容 274
11.2.6 编辑便笺内容 275
11.2.7 删除便笺内容 276
11.2.8 清空便笺内容 276
11.3 本章小结 277
第12章 Vue项目开发入门 278
12.1 Vue的初次接触 278
12.1.1 Vue框架的特点 278
12.1.2 Vue框架的下载安装 279
12.2 如何快速创建Vue项目（Vue 2和Vue 3） 281
12.2.1 使用脚手架命令快速创建Vue项目 281
12.2.2 通过构建工具Vite创建Vue项目 283
12.3 Vue项目剖析 283
12.3.1 模板 283
12.3.2 样式设置 287
12.3.3 各组件生命周期 288
12.4 本章小结 289
第13章 HTML5 Vue实战——音乐App 290
13.1 创建项目 290
13.2 后端接口搭建 292
13.3 前端依赖库的安装 293
13.4 首页（歌曲推荐页面） 295
13.5 实现歌手分类页面 303
13.6 歌手所有歌曲页面实现 306
13.7 歌单分类页面实现 308
13.8 本章小结 310
第14章 React项目开发入门 311
14.1 React的下载安装 311
14.1.1 React框架的特点 311
14.1.2 React框架的下载安装 312
14.2 如何快速创建React项目 315
14.3 React项目剖析 316
14.3.1 模板 316
14.3.2 样式设置 319
14.3.3 各组件生命周期 321
14.4 本章小结 326
第15章 HTML5 React实战——可拖曳的待办事项App 327
15.1 创建项目 327
15.2 创建待办事项子组件 329
15.3 待办事项子组件 331
15.4 图标子组件 337
15.5 待办事项详情子组件 339
15.6 编辑待办事项子组件 343
15.7 拖曳删除待办事项 347
15.8 本章小结 357
猜您喜欢
