细说HTML5高级API

Cordova诞生的目的,是为了快速构建跨平台的移动APP,在市场开发需求增加和要求开发效率提高的情况下,我们不得不选择基于HTML5的开发技术,而Cordova是基于HTML5的,支持所有市面上的移动端设备,本书的主要特点就是为了读者能够深入浅出的学习使用HTML5和Cordova的技术开发移动端APP。本书分为三部分,靠前部分是介绍HTML5的移动端布局和不同平台下Node.js和Cordova的环境搭建,第二部分介绍Cordova的常用核心API,包含了事件处理,地理位置,Web存储,多媒体等等。第三部分介绍了HTML5不错API中的几个常用API,WebWorkers,WebSocket,和Canvas等比较常用的API。本书比较适合有一定的JavaScript+HTML5开发基础的读者,希望读者能够从每个例子中举一反三,获取更多知识。 扉页 版权页 前言 目录 第1章 鸟瞰HTML5 1.1 原生还是混合 1.1.1 原生应用的优缺点 1.1.2 混合应用的优缺点 1.2 移动端Web站点和原生应用 1.2.1 构建移动端解决方案 1.2.2 建立成功的移动端方案 1.3 Web API和APP组件开发 1.3.1 面向API方式的开发方式 1.3.2 组件化自动化构建 1.3.3 未来展望 1.4 本章总结 第2章 HTML5 bMap地理位置与服务 2.1 基本知识之经纬度 2.2 bMap JavaScript API实例之Hello bMap 2.2.1 创建账户和申请密钥 2.2.2 Hello bMap应用 2.3 应用bMap JavaScript API 2.3.1 实例之添加定位控件 2.3.2 实例之步行路线 2.3.3 实例之驾车路线 2.3.4 实例之公交路线 2.3.5 实例之本地搜索 2.4 本章总结 练习题 第3章 HTML5本地存储 3.1 Web Storage API 3.1.1 使用Web Storage API的好处 3.1.2 浏览器客户端常用的存储数据方式 3.1.3 简单存储实例 3.2 Web Storage的常用方法 3.2.1 setItem()与getItem()方法的使用 3.2.2 key()方法的使用 3.2.3 removeItem()和clear()方法的使用 3.3 实例:幻灯播放 3.3.1 impress的介绍与下载 3.3.2 效果与代码清单 3.3.3 impress.js的主要方法 3.4 本章小结 练习题 第4章 HTML5 Canvas API应用 4.1 什么是Canvas 4.1.1 Canvas的由来 4.1.2 Canvas的概念 4.2 如何使用Canvas 4.2.1 使用Canvas API的基本知识 4.2.2 检测浏览器是否支持Canvas 4.2.3 Canvas与CSS的关系与应用 4.3 使用Canvas绘制矩形的对角线 4.3.1 HTML代码实例 4.3.2 思路分析 4.4 使用Canvas API绘制圆 4.4.1 绘制圆的参数说明 4.4.2 绘制圆的HTML代码清单 4.4.3 绘制圆的效果图 4.5 使用Canvas API绘制矩形 4.5.1 绘制矩形的参数说明 4.5.2 绘制矩形的HTML代码 4.5.3 绘制矩形的效果图 4.6 使用Canvas绘制时钟的实例 4.6.1 绘制时钟的原理 4.6.2 绘制时钟的HTML代码清单 4.6.3 绘制时钟的效果图 4.7 本章总结 练习题 第5章 HTML5中的WebSocket的应用 5.1 认识WebSocket API 5.1.1 简单理解WebSocket 5.1.2 WebSocket协议和HTTP的不同 5.2 WebSocket和HTTP会话演示 5.2.1 HTTP的会话演示 5.2.2 WebSocket的会话演示 5.2.3 浏览器的支持情况 5.2.4 WebSocket的API常用的方法和属性 5.3 经典案例:WebSocket聊天室 5.3.1 服务器代码片段 5.3.2 HTML界面代码片段 5.3.3 客户端的实现 5.3.4 效果演示和详解 5.4 本章总结 第6章 FileReader API的引用 6.1 FileReader API的概念 6.2 FileReader API的相关方法 6.2.1 readAsText()方法 6.2.2 readAsDataURL()方法 6.2.3 readAsBinaryString()方法 6.2.4 readAsArrayBuffer()方法 6.2.5 abort()方法 6.3 实例:读取文本内容 6.3.1 思路分析 6.3.2 HTML文档代码片段 6.3.3 JavaScript代码片段 6.3.4 简单的CSS代码片段 6.3.5 必要属性和事件驱动 6.4 实例:读取图像文件 6.4.1 JavaScript代码片段 6.4.2 HTML代码片段 6.4.3 CSS代码片段 6.4.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.1.1 Cordova的由来 8.1.2 Cordova和PhoneGap的区别 8.1.3 Cordova的特点 8.1.4 注意事项 8.2 搭建Cordova环境 8.2.1 安装Node.js 8.2.2 安装和使用Node.js版本管理工具 8.3 安装使用Cordova 8.3.1 安装Cordova到系统中 8.3.2 使用淘宝的镜像 8.3.3 创建第一个Cordova APP 8.3.4 项目目录的结构讲解 8.3.5 单页面应用 8.4 本章总结 练习题 第9章 Cordova的真机调试和必备知识 9.1 JDK的安装与配置 9.1.1 在Mac OS X上安装JDK 9.1.2 在Windows平台上安装JDK 9.1.3 测试Java是否安装成功 9.1.4 在Windows平台上配置环境变量 9.2 Android Studio的下载与安装 9.2.1 Mac上Android Studio的下载与安装 9.2.2 Windows上Android Studio的下载与安装 9.3 Android Studio的SDK包的管理 9.3.1 安装必要的SDK 9.3.2 单例模式下运行SDK Manager 9.4 安卓真机的运行与调试 9.4.1 创建一个名为HelloAndroid的APP 9.4.2 添加安卓平台 9.4.3 查看编译环境 9.4.4 编译安卓应用 9.4.5 安装到安卓手机并运行 9.5 苹果手机的真机调试 9.5.1 新建一个名为hello的APP 9.5.2 打开Xcode,加载项目 9.5.3 编译和安装hello项目 9.5.4 重新打开手机上名为hello的APP 9.6 Cordova编辑器小知识 9.6.1 SublimeText3 9.6.2 WebStorm 9.7 本章总结 练习题 第10章 Cordova开发基础 10.1 什么是flexbox 10.2 理解flexbox布局模型 10.3 深入理解伸缩容器的属性 10.3.1 display属性 10.3.2 flex-direction属性 10.3.3 flex-wrap属性 10.3.4 flex-flow属性 10.3.5 justify-content属性 10.3.6 align-items属性 10.3.7 align-content属性 10.4 深入理解伸缩项目的属性 10.4.1 order属性 10.4.2 flex-grow属性 10.4.3 flex-shrink 10.4.4 flex-basis属性 10.4.5 flex属性 10.4.6 align-self属性 10.5 本章总结 练习题 第11章 Cordova中的事件处理 11.1 关于Cordova生命周期 11.1.1 认识程序的生命周期 11.1.2 理解Cordova生命周期中的事件 11.2 Cordova生命周期事件的使用 11.2.1 Cordova的生命周期中的程序加载状态事件 11.2.2 Cordova生命周期中的设备状态事件 11.2.3 Cordova生命周期中的用户主动触发事件 11.3 本章总结 练习题 第12章 Cordova地理位置信息服务 12.1 Geolocation API的使用 12.1.1 获取设备的地理位置信息 12.1.2 获取设备坐标的实例 12.2 监听设备信息变化 12.2.1 监听设备地理位置实例 12.2.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.1.1 Web端的本地存储 16.1.2 Cordova应用中的本地存储 16.2 Cordova中的数据库 16.2.1 认识Cordova中的SQLite API 16.2.2 使用SQLite SQL 16.3 本章总结 练习题 第17章 Cordova中的Device Motion API 17.1 使用加速传感器 17.1.1 加速度的概念 17.1.2 获取当前加速度的实例 17.2 监控设备的加速度 17.2.1 如何监控当前设备的加速度 17.2.2 监测当前设备加速度的实例 17.2.3 深入理解“加速度” 17.2.4 哪些场景可以应用加速传感器 17.3 本章总结 练习题 本书共17章,内容包括:鸟瞰html5,html5 Bmap地理位置与服务,html5本地存储,html5 Canvas Api应用,html5中的websocket的应用,filereader Api的引用,html5拖放api,apache Cordova简介,cordova的真机调试和必备知识等. 本书主要内容包括HTML5的移动端布局和不同平台下Node.js和Cordova的环境搭建、Cordova的常用核心API,以及事件处理、地理位置、Web存储、多媒体等,重点讲解了HTML5高级API中的几个常用API(如Web Socket和Canvas等)