HTML5移动网站与App开发实战

本书从HTML5的历史和背景入手，详解HTML5相关技术标准及其在移动Web开发中的应用，以期读者能够掌握HTML5移动开发的核心技术。本书还结合三大移动框架jQuery Mobile、Vue、React，分别剖析3个移动App项目案例，帮助读者快速成为高效而专业的移动App开发者。

本书由浅入深出、全面系统地介绍HTML5相关技术及其在移动开发领域的应用。从基本原理到移动页面优化再到实战应用，涉及HTML5移动开发领域的绝大部分内容，是一本集理论与实战于一体的综合性参考书。本书配套示例源码与PPT课件。
本书共分15章。第1～9章讲解HTML5移动特性，内容包括HTML5移动开发基础、移动表单、多媒体形式、地理位置定位、离线缓存、Canvas绘图、CSS3视觉辅助和调用手机设备等，最后剖析移动开发性能优化的一些技巧。第10～11章讲解HTML5移动框架jQueryMobile，内容包括jQueryMobile这个比较流行的移动框架的用法，以及基于这个框架开发移动便笺App。第12～13章讲解HTML5+Vue组合，内容包括Vue框架的特性与安装使用方法，结合HTML5与Vue开发音乐播放App。第14～15章讲解HTML5+React组合，内容包括React框架的介绍及其安装使用，并结合HTML5与React开发一个可拖曳的待办事项App。
本书适合所有想深入学习HTML5移动开发技术的初学者阅读，尤其适合正在应用HTML5做移动项目开发的人员阅读。对于高等院校相关专业的学生和培训机构的学员，本书也是一本的实训教材。

王金柱，有着10多年丰富的IT从业经历，对JavaScript语言、jQuery框架、Node.js、React等Web前端开发有着独到的经验，精通HTML/XHTML、CSS与PHP等应用开发。曾从事过多家大型央企与上市公司的企业级Web系统平台项目的前端模块开发工作，出版过多本前端、后端开发类的图书。

第1章 HTML5移动入门
1.1 认识HTML
1.1.1 HTML的构成
1.1.2 CSS的构成
1.1.3 JavaScript的构成
1.2 认识HTML
1.2.1 HTML5的发展与理念
1.2.2 HTML5和XHTML的对比
1.3 制作一个简单的HTML5移动App
1.3.1 开发工具的选择
1.3.2 App代码的编写
1.3.3 调试运行 Hello App
1.4 HTML5的移动特色
1.5 本章小结
第2章 移动特性1——移动表单
2.1 丰富的表单属性
2.2 移动Web表单的input类型
2.2.1 search类型
2.2.2 email类型
2.2.3 number类型
2.2.4 range类型
2.2.5 tel类型
2.2.6 url类型
2.3 HTML5表单新属性
2.3.1 autocomplete属性
2.3.2 autofocus属性
2.4 范例——创建一个HTML5版的App注册页面
2.4.1 代码设计
2.4.2 代码分析
2.5 本章小结
第3章 移动特性2——多媒体形式
3.1 音频和视频
3.1.1 音频和视频的格式
3.1.2 使用audio/video元素
3.1.3 音频和视频的通信
3.2 范例——制作音乐播放器App
3.3 范例——制作视频播放器App
3.3.1 普通视频播放器
3.3.2 添加视频进度条
3.3.3 添加视频快进慢进按钮
3.3.4 处理带字幕的视频
3.4 本章小结
第4章 移动特性3——地理位置定位
4.1 认识地理位置
4.1.1 纬度和经度坐标
4.1.2 定位数据
4.1.3 构建地理位置应用
4.2 手机地理位置定位
4.3 谷歌地图的使用
4.3.1 追踪用户的位置
4.3.2 查找路线
4.3.3 用户自定义的地理定位
4.4 高德地图的使用
4.5 本章小结
第5章 移动特性4——离线缓存
5.1 离线缓存应用
5.1.1 离线缓存API简介
5.1.2 使用Manifest文件
5.1.3 使用ApplicationCache API方法
5.1.4 缓存更新示例
5.2 离线事件处理
5.3 范例——离线贴吧App
5.4 本章小结
第6章 移动特性5——Canvas绘图
6.1 HTML5的绘图API
6.1.1 什么是Canvas
6.1.2 加载Canvas
6.1.3 什么是SVG
6.1.4 什么是WebGL
6.1.5 Paper.js图形库
6.2 应用Canvas
6.2.1 绘制图形
6.2.2 绘制文字
6.2.3 颜色渐变
6.3 范例——带特效的相册App
6.4 本章小结
第7章 移动特性6——CSS3视觉辅助
7.1 CSS3的变化
7.2 背景
7.3 文字效果
7.4 边框
7.5 用户界面
7.6 转换
7.7 过渡
7.8 范例——用CSS3画哆啦A梦
7.8.1 头和脸
7.8.2 脖子和铃铛
7.8.3 身体和四肢
7.8.4 让眼睛动起来
7.9 本章小结
第8章 移动特性7——调用手机设备
8.1 HTML5调用手机摄像头
8.2 HTML5调用手机相册
8.3 HTML5调用手机通讯录
8.4 本章小结
第9章 HTML5移动性能优化
9.1 HTML5的性能考量


9.1.1 浏览器性能

……