细说HTML5高级API

图书标准信息

• 作者 兄弟连教育
• 出版社 电子工业出版社
• 出版时间 2017-10
• 版次 1
• ISBN 9787121329272
• 定价 49.80元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 296页
• 字数 480千字

【内容简介】

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开发基础的读者，希望读者能够从每个例子中举一反三，获取更多知识。

【作者简介】

高洛峰，兄弟连IT教育教研总监，十多年的软件开发和IT教学工作经验。曾任多家上市公司技术总监、项目经理、高级软件工程师等职务，具有扎实的技术功底。国内资深技术讲师，从事IT培训以来累计授课长达一万课时以上，培养过百名IT名师，培训上万名学员成功走向IT岗位。熟悉掌握多种IT技能，对当前主流应用的编程语言、数据库以及软件架构设计都很擅长。对Web系统软件开发深有研究，近年来致力于推广开源的PHP语言和前端HTML5技术，荣获腾讯2016年度网络人气名人讲师。

【目录】

目录

第1章  鸟瞰HTML51

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 bMap10

2.2.1  创建账户和申请密钥11

2.2.2  Hello bMap应用13

2.3  应用bMap JavaScript API15

2.3.1  实例之添加定位控件15

2.3.2  实例之步行路线18

2.3.3  实例之驾车路线21

2.3.4  实例之公交路线23

2.3.5  实例之本地搜索25

2.4  本章总结27

练习题28

第3章  HTML5本地存储29

3.1  Web Storage API29

3.1.1  使用Web Storage API的好处29

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

3.1.3  简单存储实例30

3.2  Web Storage的常用方法32

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

3.2.2  key()方法的使用32

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

3.3  实例：幻灯播放35

3.3.1  impress的介绍与下载35

3.3.2  效果与代码清单36

3.3.3  impress.js的主要方法38

3.4  本章小结39

练习题40

第4章  HTML5 Canvas API应用41

4.1  什么是Canvas41

4.1.1  Canvas的由来41

4.1.2  Canvas的概念42

4.2  如何使用Canvas43

4.2.1  使用Canvas API的基本知识43

4.2.2  检测浏览器是否支持Canvas44

4.2.3  Canvas与CSS的关系与应用46

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

4.3.1  HTML代码实例48

4.3.2  思路分析51

4.4  使用Canvas API绘制圆51

4.4.1  绘制圆的参数说明51

4.4.2  绘制圆的HTML代码清单52

4.4.3  绘制圆的效果图53

4.5  使用Canvas API绘制矩形54

4.5.1  绘制矩形的参数说明54

4.5.2  绘制矩形的HTML代码54

4.5.3  绘制矩形的效果图55

4.6  使用Canvas绘制时钟的实例56

4.6.1  绘制时钟的原理56

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

4.6.3  绘制时钟的效果图60

4.7  本章总结60

练习题61

第5章  HTML5中的WebSocket的应用63

5.1  认识WebSocket API63

5.1.1  简单理解WebSocket63

5.1.2  WebSocket协议和HTTP的不同64

5.2  WebSocket和HTTP会话演示67

5.2.1  HTTP的会话演示67

5.2.2  WebSocket的会话演示67

5.2.3  浏览器的支持情况68

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

5.3  经典案例：WebSocket聊天室69

5.3.1  服务器代码片段70

5.3.2  HTML界面代码片段72

5.3.3  客户端的实现75

5.3.4  效果演示和详解78

5.4  本章总结81

第6章  FileReader API的引用82

6.1  FileReader API的概念82

6.2  FileReader API的相关方法83

6.2.1  readAsText()方法83

6.2.2  readAsDataURL()方法83

6.2.3  readAsBinaryString()方法84

6.2.4  readAsArrayBuffer()方法84

6.2.5  abort()方法84

6.3  实例：读取文本内容84

6.3.1  思路分析84

6.3.2  HTML文档代码片段85

6.3.3  JavaScript代码片段86

6.3.4  简单的CSS代码片段87

6.3.5  必要属性和事件驱动87

6.4  实例：读取图像文件89

6.4.1  JavaScript代码片段89

6.4.2  HTML代码片段89

6.4.3  CSS代码片段91

6.4.4  思路梳理91

6.5  本章总结93

练习题93

第7章  HTML5拖放API95

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

7.2  拖放API的概念96

7.3  拖放API的事件和说明97

7.4  拖放API的使用97

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

7.6  实例2：文件拖放101

7.7  本章总结104

练习题104

第8章  Apache Cordova简介106

8.1  Cordova或PhoneGap106

8.1.1  Cordova的由来107

8.1.2  Cordova和PhoneGap的区别108

8.1.3  Cordova的特点108

8.1.4  注意事项109

8.2  搭建Cordova环境109

8.2.1  安装Node.js109

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

8.3  安装使用Cordova116

8.3.1  安装Cordova到系统中116

8.3.2  使用淘宝的镜像117

8.3.3  创建第一个Cordova APP118

8.3.4  项目目录的结构讲解120

8.3.5  单页面应用121

8.4  本章总结124

练习题125

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

9.1  JDK的安装与配置126

9.1.1  在Mac OS X上安装JDK127

9.1.2  在Windows平台上安装JDK128

9.1.3  测试Java是否安装成功129

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

9.2  Android Studio的下载与安装132

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

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

9.3  Android Studio的SDK包的管理134

9.3.1  安装必要的SDK134

9.3.2  单例模式下运行SDK Manager135

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

9.4.1  创建一个名为HelloAndroid的APP136

9.4.2  添加安卓平台136

9.4.3  查看编译环境137

9.4.4  编译安卓应用137

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

9.5  苹果手机的真机调试139

9.5.1  新建一个名为hello的APP139

9.5.2  打开Xcode，加载项目140

9.5.3  编译和安装hello项目140

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

9.6  Cordova编辑器小知识142

9.6.1  SublimeText3142

9.6.2  WebStorm143

9.7  本章总结144

练习题144

第10章  Cordova开发基础146

10.1  什么是flexbox146

10.2  理解flexbox布局模型147

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

10.3.1  display属性149

10.3.2  flex-direction属性150

10.3.3  flex-wrap属性153

10.3.4  flex-flow属性156

10.3.5  justify-content属性158

10.3.6  align-items属性162

10.3.7  align-content属性167

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

10.4.1  order属性174

10.4.2  flex-grow属性175

10.4.3  flex-shrink177

10.4.4  flex-basis属性178

10.4.5  flex属性180

10.4.6  align-self属性181

10.5  本章总结187

练习题188

第11章  Cordova中的事件处理189

11.1  关于Cordova生命周期189

11.1.1  认识程序的生命周期189

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

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

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

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

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

11.3  本章总结204

练习题204

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

12.1  Geolocation API的使用206

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

12.1.2  获取设备坐标的实例207

12.2  监听设备信息变化210

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

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

12.3  本章总结213

练习题214

第13章  Cordova设备方向API216

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

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

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

13.4  本章总结225

练习题226

第14章  Cordova中的多媒体228

14.1  播放远程音乐228

14.2  暂停音乐播放234

14.3  停止音乐播放236

14.4  追踪显示播放进度238

14.5  从指定的位置播放240

14.6  录制声音与播放声音242

14.7  资源与性能优化244

14.8  本章总结245

练习题245

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

15.1  认识内置浏览器247

15.2  第一个简单的实例248

15.3  第二个实例：自定义URL250

15.4  本章总结253

练习题253

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

16.1  Cordova中的本地存储255

16.1.1  Web端的本地存储255

16.1.2  Cordova应用中的本地存储258

16.2  Cordova中的数据库259

16.2.1  认识Cordova中的SQLite API261

16.2.2  使用SQLite SQL261

16.3  本章总结266

练习题266

第17章  Cordova中的Device Motion API268

17.1  使用加速传感器268

17.1.1  加速度的概念268

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

17.2  监控设备的加速度271

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

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

17.2.3  深入理解“加速度”274

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

17.3  本章总结278

练习题278