HTML5移动网站与App开发实战 PDF 超清版

《HTML5移动网站与App开发实战》是由清华大学出版社出版的一本关于移动开发方面的书籍，作者是王金柱、绵绵的糖，主要介绍了关于HTML5、移动网站、App开发方面的知识内容，目前在移动开发类书籍综合评分为：8.4分。

书籍介绍

编辑推荐

详解HTML5移动特性、HTML5移动性能优化。
涵盖移动框架jQuery Mobile、Vue、React开发。
深度剖析移动便笺App、音乐播放App、待办事项App的开发。
配套示例源码与PPT课件。

内容简介

本书由浅入深出、全面系统地介绍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