细说HTML5高级API pdf

细说HTML5高级API 作者：兄弟连教育，高洛峰，胡宏运，刘滔

细说HTML5高级API 出版社：电子工业出版社

细说HTML5高级API 内容简介

Cordova诞生的目的，是为了快速构建跨平台的移动APP，在市场开发需求增加和要求开发效率提高的情况下，我们不得不选择基于HTML5的开发技术，而Cordova是基于HTML5的，支持所有市面上的移动端设备，本书的主要特点就是为了读者能够深入浅出的学习使用HTML5和Cordova的技术开发移动端APP。本书分为三部分，第一部分是介绍HTML5的移动端布局和不同平台下Node.js和Cordova的环境搭建，第二部分介绍Cordova的常用核心API，包含了事件处理，地理位置，Web存储，多媒体等等。第三部分介绍了HTML5高级API中的几个常用API，Web Workers，Web Socket，和Canvas等比较常用的API。本书比较适合有一定的JavaScript+HTML5开发基础的读者，希望读者能够从每个例子中举一反三，获取更多知识。

细说HTML5高级API 目录

前言

第1章 鸟瞰HTML5

1.1 原生还是混合

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

1.3 Web API和APP组件开发

1.4 本章总结

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

2.1 基本知识之经纬度

2.2 bMap JavaScript API实例之Hello bMap

2.3 应用bMap JavaScript API

2.4 本章总结

第3章 HTML5本地存储

3.1 Web Storage API

3.2 Web Storage的常用方法

3.3 实例：幻灯播放

3.4 本章小结

第4章 HTML5 Canvas API应用

4.1 什么是Canvas

4.2 如何使用Canvas

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

4.4 使用Canvas API绘制圆

4.5 使用Canvas API绘制矩形

4.6 使用Canvas绘制时钟的实例

4.7 本章总结

第5章 HTML5中的WebSocket的应用

5.1 认识WebSocket API

5.2 WebSocket和HTTP会话演示

5.3 经典案例：WebSocket聊天室

5.4 本章总结

第6章 FileReader API的引用

6.1 FileReader API的概念

6.2 FileReader API的相关方法

6.3 实例：读取文本内容

6.4 实例：读取图像文件

6.5 本章总结

第7章 HTML5拖放API

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

7.2 拖放API的概念

7.3 拖放API的事件和说明

7.4 拖放API的使用

7.5 实例1：经典列表拖放

7.6 实例2：文件拖放

7.7 本章总结

第8章 Apache Cordova简介

8.1 Cordova或PhoneGap

8.2 搭建Cordova环境

8.3 安装使用Cordova

8.4 本章总结

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

9.1 JDK的安装与配置

9.2 Android Studio的下载与安装

9.3 Android Studio的SDK包的管理

9.4 安卓真机的运行与调试

9.5 苹果手机的真机调试

9.6 Cordova编辑器小知识

9.7 本章总结

第10章 Cordova开发基础

10.1 什么是flexbox

10.2 理解flexbox布局模型

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

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

10.5 本章总结

第11章 Cordova中的事件处理

11.1 关于Cordova生命周期

11.2 Cordova生命周期事件的使用

11.3 本章总结

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

12.1 Geolocation API的使用

12.2 监听设备信息变化

12.3 本章总结

第13章 Cordova设备方向API

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

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

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

13.4 本章总结

第14章 Cordova中的多媒体

14.1 播放远程音乐

14.2 暂停音乐播放

14.3 停止音乐播放

14.4 追踪显示播放进度

14.5 从指定的位置播放

14.6 录制声音与播放声音

14.7 资源与性能优化

14.8 本章总结

第15章 Cordova中的内置浏览器

15.1 认识内置浏览器

15.2 第一个简单的实例

15.3 第二个实例：自定义URL

15.4 本章总结

第16章 Cordova中的数据库存储

16.1 Cordova中的本地存储

16.2 Cordova中的数据库

16.3 本章总结

第17章 Cordova中的DeviceMotionAPI

17.1 使用加速传感器

17.2 监控设备的加速度

细说HTML5高级API 精彩文摘

如上所示，我们在使用鼠标事件模拟拖曳功能叫，需要向用户提供可供拖曳的特定位置是否能够进行拖放。但是，我们不能确定开发者构建的体系都能够兼容。事实上，在某些情况下使用其他开发者搭建或构建的类似拖放功能的插件时，需要仔细研究是否能够和页面的其他元素进行内容合并。开发者在开发的过程中可以仔细比对和校验代码的准确性，但是在实际操作中，我们很呵能处于比较繁忙的开发状态，这种非常特殊的拖放方法不能够应用于桌面客户端的交互，在HTML5的新特性中，这些问题终于得到了解决，只需要在适合的场合使用拖放API即可。

7.2的概念

如果读者之前在使用Java等编程语言时使用过拖放API，那么对于HTML5中的拖放API应该也比较熟悉，相比于之前的基于鼠标基本事件的模拟，现在的拖放API功能的封装和集成已经很抽象了，实现指定效果的效率也非常高。

当用户开始拖放操作时，拖动的起始位置被称为拖动源，起始动作应为单击和拖动鼠标指针。从拖动鼠标开始到释放鼠标时指针最终到达的目标Ⅸ域被称为放置目标，在用户释放鼠标之前也许会经过许多放置目标。

有些我们需要注意的问题，首先，在用户拖动元素过程中，是否需要提供一些反馈信息？例如，显示哪些目标区域不可拖放、显示指定的拖放区域、改变拖放过程中鼠标的样式。

除此之外，我们还应该重视一个关键性的概念-datatransfer（数据传输），往HTML5规范中，datatransfer扮演着中央处理器的角色，负责公开发布拖动的数据存储信息，而且datatransfer被定义为一组对象，在JavaScript中基于对象的传输方式我们已见多不怪了。