细说HTML5高级APIPDF电子书下载

第1章 鸟瞰HTML5 1

1.1 原生还是混合 1

1.1.1 原生应用的优缺点 2

1.1.2 混合应用的优缺点 2

1.2 移动端Web站点和原生应用 3

1.2.1 构建移动端解决方案 3

1.2.2 建立成功的移动端方案 4

1.3 Web API和APP组件开发 5

1.3.1 面向API方式的开发方式 6

1.3.2 组件化自动化构建 7

1.3.3 未来展望 7

1.4 本章总结 8

第2章 HTML5 bMap地理位置与服务 9

2.1 基本知识之经纬度 9

2.2 bMap JavaScript API实例之Hello bMap 10

2.2.1 创建账户和申请密钥 10

2.2.2 Hello bMap应用 12

2.3 应用bMap JavaScript API 14

2.3.1 实例之添加定位控件 14

2.3.2 实例之步行路线 16

2.3.3 实例之驾车路线 19

2.3.4 实例之公交路线 21

2.3.5 实例之本地搜索 22

2.4 本章总结 24

练习题 25

第3章 HTML5本地存储 26

3.1 Web Storage API 26

3.1.1 使用Web Storage API的好处 26

3.1.2 浏览器客户端常用的存储数据方式 27

3.1.3 简单存储实例 27

3.2 Web Storage的常用方法 29

3.2.1 setItem()与getItem()方法的使用 29

3.2.2 key()方法的使用 29

3.2.3 removeItem()和clear()方法的使用 31

3.3 实例：幻灯播放 32

3.3.1 impress的介绍与下载 32

3.3.2 效果与代码清单 33

3.3.3 impress.js的主要方法 35

3.4 本章小结 36

练习题 37

第4章 HTML5 Canvas API应用 38

4.1 什么是Canvas 38

4.1.1 Canvas的由来 38

4.1.2 Canvas的概念 39

4.2 如何使用Canvas 40

4.2.1 使用Canvas API的基本知识 40

4.2.2 检测浏览器是否支持Canvas 41

4.2.3 Canvas与CSS的关系与应用 43

4.3 使用Canvas绘制矩形的对角线 45

4.3.1 HTML代码实例 45

4.3.2 思路分析 48

4.4 使用Canvas API绘制圆 48

4.4.1 绘制圆的参数说明 48

4.4.2 绘制圆的HTML代码清单 49

4.4.3 绘制圆的效果图 50

4.5 使用Canvas API绘制矩形 51

4.5.1 绘制矩形的参数说明 51

4.5.2 绘制矩形的HTML代码 51

4.5.3 绘制矩形的效果图 52

4.使用Canvas绘制时钟的实例 53

4.6.1 绘制时钟的原理 53

4.6.2 绘制时钟的HTML代码清单 53

4.6.3 绘制时钟的效果图 57

4.7 本章总结 57

练习题 58

第5章 HTML5中的WebSocket的应用 60

5.1 认识WebSocket API 60

5.1.1 简单理解WebSocket 60

5.1.2 WebSocket协议和HTTP的不同 61

5.2 WebSocket和HTTP会话演示 64

5.2.1 HTTP的会话演示 64

5.2.2 WebSocket的会话演示 64

5.2.3 浏览器的支持情况 65

5.2.4 WebSocket的API常用的方法和属性 65

5.3 经典案例：WebSocket聊天室 66

5.3.1 服务器代码片段 67

5.3.2 HTML界面代码片段 69

5.3.3 客户端的实现 72

5.3.4 效果演示和详解 75

5.4 本章总结 78

第6章 FileReader API的引用 79

6.1 FileReader API的概念 79

6.2 FileReader API的相关方法 80

6.2.1 readAsText()方法 80

6.2.2 readAsDataURL()方法 80

6.2.3 readAsBinaryString()方法 81

6.2.4 readAsArrayBuffer()方法 81

6.2.5 abort()方法 81

6.3 实例：读取文本内容 81

6.3.1 思路分析 81

6.3.2 HTML文档代码片段 82

6.3.3 JavaScript代码片段 83

6.3.4 简单的CSS代码片段 84

6.3.5 必要属性和事件驱动 84

6.4 实例：读取图像文件 86

6.4.1 JavaScript代码片段 86

6.4.2 HTML代码片段 86

6.4.3 CSS代码片段 88

6.4.4 思路梳理 88

6.5 本章总结 90

练习题 90

第7章 HTML5拖放API 92

7.1 DOM和CSS实现的类似拖放功能的弊端 92

7.2 拖放API的概念 93

7.3 拖放API的事件和说明 94

7.4 拖放API的使用 94

7.5 实例1：经典列表拖放 95

7.6 实例2：文件拖放 98

7.7 本章总结 101

练习题 101

第8章 Apache Cordova简介 103

8.1 Cordova或PhoneGap 103

8.1.1 Cordova的由来 104

8.1.2 Cordova和PhoneGap的区别 105

8.1.3 Cordova的特点 105

8.1.4 注意事项 106

8.2 搭建Cordova环境 106

8.2.1 安装Node.js 106

8.2.2 安装和使用Node.js版本管理工具 110

8.3 安装使用Cordova 113

8.3.1 安装Cordova到系统中 113

8.3.2 使用淘宝的镜像 114

8.3.3 创建第一个Cordova APP 115

8.3.4 项目目录的结构讲解 117

8.3.5 单页面应用 118

8.4 本章总结 121

练习题 122

第9章 Cordova的真机调试和必备知识 123

9.1 JDK的安装与配置 123

9.1.1 在Mac OS X上安装JDK 124

9.1.2 在Windows平台上安装JDK 125

9.1.3 测试Java是否安装成功 126

9.1.4 在Windows平台上配置环境变量 126

9.2 Android Studio的下载与安装 129

9.2.1 Mac上Android Studio的下载与安装 129

9.2.2 Windows上Android Studio的下载与安装 130

9.3 Android Studio的SDK包的管理 131

9.3.1 安装必要的SDK 131

9.3.2 单例模式下运行SDK Manager 132

9.4 安卓真机的运行与调试 133

9.4.1 创建一个名为HelloAndroid的APP 133

9.4.2 添加安卓平台 133

9.4.3 查看编译环境 134

9.4.4 编译安卓应用 134

9.4.5 安装到安卓手机并运行 135

9.5 苹果手机的真机调试 136

9.5.1 新建一个名为hello的APP 136

9.5.2 打开Xcode，加载项目 137

9.5.3 编译和安装hello项目 137

9.5.4 重新打开手机上名为hello的APP 138

9.6 Cordova编辑器小知识 139

9.6.1 SublimeText3 139

9.6.2 WebStorm 140

9.7 本章总结 141

练习题 141

第10章 Cordova开发基础 143

10.1 什么是flexbox 143

10.2 理解flexbox布局模型 144

10.3 深入理解伸缩容器的属性 145

10.3.1 display属性 146

10.3.2 flex-direction属性 147

10.3.3 flex-wrap属性 150

10.3.4 flex-flow属性 153

10.3.5 justify-content属性 155

10.3.6 align-items属性 159

10.3.7 align-content属性 164

10.4 深入理解伸缩项目的属性 170

10.4.1 order属性 171

10.4.2 flex-grow属性 172

10.4.3 flex-shrink 174

10.4.4 flex-basis属性 175

10.4.5 flex属性 177

10.4.6 align-self属性 178

10.5 本章总结 184

练习题 185

第11章 Cordova中的事件处理 186

11.1 关于Cordova生命周期 186

11.1.1 认识程序的生命周期 186

11.1.2 理解Cordova生命周期中的事件 188

11.2 Cordova生命周期事件的使用 191

11.2.1 Cordova的生命周期中的程序加载状态事件 191

11.2.2 Cordova生命周期中的设备状态事件 195

11.2.3 Cordova生命周期中的用户主动触发事件 197

11.3 本章总结 201

练习题 201

第12章 Cordova地理位置信息服务 203

12.1 Geolocation API的使用 203

12.1.1 获取设备的地理位置信息 204

12.1.2 获取设备坐标的实例 204

12.2 监听设备信息变化 207

12.2.1 监听设备地理位置实例 207

12.2.2 监听地理位置信息变化参数分析 210

12.3 本章总结 210

练习题 211

第13章 Cordova设备方向API 213

13.1 获取当前设备的方向案例 213

13.2 监测当前设备的位置信息 217

13.3 仿微信摇一摇功能的实例 219

13.4 本章总结 222

练习题 223

第14章 Cordova中的多媒体 225

14.1 播放远程音乐 225

14.2 暂停音乐播放 231

14.3 停止音乐播放 233

14.4 追踪显示播放进度 235

14.5 从指定的位置播放 237

14.6 录制声音与播放声音 239

14.7 资源与性能优化 241

14.8 本章总结 242

练习题 242

第15章 Cordova中的内置浏览器 244

15.1 认识内置浏览器 244

15.2 第一个简单的实例 245

15.3 第二个实例：自定义URL 247

15.4 本章总结 250

练习题 250

第16章 Cordova中的数据库存储 252

16.1 Cordova中的本地存储 252

16.1.1 Web端的本地存储 252

16.1.2 Cordova应用中的本地存储 255

16.2 Cordova中的数据库 256

16.2.1 认识Cordova中的SQLite API 258

16.2.2 使用SQLite SQL 258

16.3 本章总结 263

练习题 263

第17章 Cordova中的Device Motion API 265

17.1 使用加速传感器 265

17.1.1 加速度的概念 265

17.1.2 获取当前加速度的实例 266

17.2 监控设备的加速度 268

17.2.1 如何监控当前设备的加速度 268

17.2.2 监测当前设备加速度的实例 269

17.2.3 深入理解“加速度” 271

17.2.4 哪些场景可以应用加速传感器 272

17.3 本章总结 275

练习题 275