HTML5，CSS3，JavaScript开发手册

前言

第1章HTML5概述

1.1认识HTML5

1.2HTML5新特性

1.2.1新的元素

1.2.2新的API

1.3文档结构与字符集

1.4语义化标记

1.5检测技术

第2章使用视频与音频元素

2.1设置视频元素

2.1.1声明视频元素

2.1.2浏览器支持性检测

2.2设置音频元素

2.3媒体特性

第3章表单元素与相关属性

3.1输入类型

3.2浏览器支持检测

3.2.1输入类型检测

3.2.2表单特性检测

3.3output元素与datalist元素

3.3.1output元素

3.3.2datalist元素

3.4表单特性

3.5表单验证类型

3.6验证反馈

第4章画布处理

4.1HTML5画布基础

4.1.1声明canvas

4.1.2渲染上下文

4.1.3浏览器支持检测

4.2绘制图形

4.2.1绘制矩形

4.2.2绘制路径

4.2.3绘制各种线条

4.3使用图像

4.3.1将图像复制到画布

4.3.2图像缩放

4.3.3图像剪切

4.4Canvas文本

4.5样式与色彩

4.5.1色彩属性

4.5.2设置透明度

4.5.3渐变

4.5.4阴影

4.6变形

4.6.1保持与恢复

4.6.2移动

4.6.3缩放

4.6.4旋转

4.7遮盖

4.8绘制简单动画

第5章事件处理

5.1事件处理方式

5.1.1监听方式

5.1.2赋值方式

5.2HTML5常用事件

5.2.1表单事件

5.2.2键盘事件

5.2.3鼠标事件

5.2.4媒体事件

5.2.5window事件

第6章HTML5选择器

6.1传统的DOM遍历方式

6.1.1使用javaScript方法查找

6.1.2使用元素节点属性查找

6.2新的SelectorsAPI

6.3使用SelectorsAPI

6.3.1querySelector方法

6.3.2querySelectorAll方法

第7章使用HTML5SVG

7.1SVG形状

7.1.1SVG圆形

7.1.2SVG矩形

7.1.3SVG椭圆

7.1.4SVG线条

7.1.5SVG多边形

7.1.6SVG折线

7.1.7SVG路径

7.2SVG渐变

7.2.1线性渐变

7.2.2放射性渐变

7.3SVG滤镜

第8章Web存储

8.1认识WebStorage

8.2WebStorage组成

8.3WebStorageAPI

8.3.1检测浏览器支持性

8.3.2存储和获取数据

8.3.3转换存储数据

8.3.4Storage事件

8.4存储限制

8.5使用JSON处理数据

8.5.1认识JSON

8.5.2存储JSON对象

第9章使用WebSQLDatabase

9.1核心方法

9.2执行操作

9.2.1打开连接

9.2.2创建数据表

9.2.3插入数据

9.2.4查询数据

9.2.5修改与删除

9.3完整的操作实例

第10章使用IndexedDB

10.1认识IndexedDB

10.2IndexedDB存储结构

10.3适应多内核浏览器

10.4IndexedDBAPI

10.4.1初始化数据库连接

10.4.2建立存储对象

10.4.3向存储对象中添加数据

10.4.4查询存储的数据

10.5应用举例

第11章文件处理

11.1FileAPI

11.1.1FileList与File接口

11.1.2Blob接口

11.1.3FileReader接口

11.2FileWriterAPI

11.2.1BlobBuilder接口

11.2.2FileSaver接口

11.2.3FileWriter接口

11.3FileSystemAPI

11.3.1FileSystem初始化

11.3.2FileEntry接口

11.3.3DirectoryEntry接口

11.3.4FileSystemURL

第12章拖放操作

12.1draganddrop简介

12.2draganddropAPI

12.2.2浏览器支持性检测

12.2.2draganddrop事件

12.2.3dataTransfer对象

12.3draganddrop过程

第13章地理定位

13.1浏览器支持性检测

13.2单次位置请求

13.2.1获取位置信息

13.2.2错误处理

13.2.3可选位置特性

13.3持续获取位置信息

13.4在GoogleMap中显示

位置

第14章通信应用

14.1PostMessage

14.1.1浏览器支持性检测

14.1.2发送与监听

14.1.3创建postMessage应用

14.2Server-SentEvents

14.2.1浏览器支持性检测

14.2.2Server-SentEventsAPI

14.2.3服务器端代码设置

14.2.4创建Server-SentEvents应用

14.3WebSocket

14.3.1WebSocketAPI

14.3.2浏览器支持性检测

14.3.3WebSocketAPI使用方法

第15章使用WebWorker

处理线程

15.1WebWorkerAPI

15.1.1浏览器支持性检查

15.1.2构建WebWorker

15.1.3WebWorker传递信息

15.1.4终止Worker

15.1.5错误处理

15.1.6加载外部脚本

15.2Worker简单操作流程

15.3使用Worker线程做后台

数值计算

15.4Worker线程嵌套

15.5共享线程

15.5.1创建共享线程

15.5.2与共享线程通信

15.5.3共享线程的使用

第16章离线Web应用

16.1认识fflineWebApplication

16.2manifest文件

16.2.1引用清单文件

16.2.2清单文件结构

16.3在线状态检测

16.4ApplicationcacheAPI

16.4.1浏览器支持性检测

16.4.2ApplicationCache对象

第17章HTML5的其他应用

17.1HTML5Notifications

17.1.1浏览器支持性检测

17.1.2创建Notifications

17.1.3显示提示许可

17.1.4添加回调和其他操作

17.1.5实例代码

17.2HTML5Progress

17.2.1语法与属性

17.2.2自定义HTML5的样式

17.2.3Progress实例

第18章CSS3属性

18.1边框属性

18.1.1border-colors属性

18.1.2border-image属性

18.1.3border-radius属性

18.1.4box-shadow属性

18.2背景属性

18.2.1background-clip属性

18.2.2background-origin属性

18.2.3background-size属性

18.2.4multiplebackground属性

18.3颜色属性

18.3.1HSLcolors属性

18.3.2HSLAcolors属性

18.3.3RGBAcolors属性

18.3.4opacity属性

18.4文本属性

18.4.1text-shadow属性

18.4.2text-overflow属性

18.4.3word-wrap属性

18.4.4word-break属性

18.5字体属性

18.5.1@font-face属性

18.5.2字体格式

18.5.3应用举例

18.6用户界面属性

18.6.1box-sizing属性

18.6.2resize属性

18.6.3outline-offset属性

18.6.4nav-index属性

18.6.5定义方向键控制顺序

18.7基础盒模型

18.7.1overflow属性

18.7.2overflow-x与overflow-y属性

18.8多栏属性

18.8.1columns属性

18.8.2column-width属性

18.8.3column-count属性

18.8.4column-gap属性

18.8.5column-rule属性

18.8.6column-rule-color属性

18.8.7column-rule-style属性

18.8.8column-rule-width属性

18.8.9column-span属性

18.8.10column-fill属性

18.9变换属性

18.9.1transform属性

18.9.2transform-origin属性

18.9.3transform-style属性

18.9.4perspective属性

18.9.5perspective-origin属性

18.9.6backface-visibility属性

18.10过渡属性

18.10.1transition属性

18.10.2transition-property属性

18.10.3transition-duration属性

18.10.4transition-timing-function

属性

18.10.5transition-delay属性

18.11动画属性

18.11.1animation属性

18.11.2animation-name属性

18.11.3animation-duration属性

18.11.4animation-timing-function属性

18.11.5animation-delay属性

18.11.6animation-iteration-count属性

18.11.7animation-direction属性

18.11.8animation-play-state属性

18.12渐变

18.12.1linear-gradient

18.12.2radial-gradient

18.12.3repeating-linear-gradient

18.12.4repeating-radial-gradient

18.13其他模块

18.13.1Speech

18.13.2Mediaqueries

第19章CSS3选择器

19.1属性选择器

19.2伪类选择器

19.2.1结构性伪类选择器

19.2.2UI元素状态伪类选择器

19.2.3目标伪类选择器

19.2.4否定伪类选择器

19.3兄弟选择器

第20章Javascript基础

20.1JavaScript起步

20.1.1JavaScript简介

20.1.2JavaScript的功能特性

20.1.3JavaScript的使用

20.2注释

20.3变量

20.4运算符与表达式

20.5流程控制

20.5.1if条件语句

20.5.2switch语句

20.5.3for循环语句

20.5.4for…in语句

20.5.5while语句和do-while语句

20.5.6break语句和continue语句

20.6函数

20.6.1定义函数

20.6.2return语句

20.6.3函数的调用

20.7消息对话框

20.8异常处理

20.8.1捕获异常（try-catch-finally）

20.8.2声明异常（throw）

20.9内置对象

20.9.1字符串内置对象方法

20.9.2布尔型内置对象方法

20.9.3数组内置对象方法

20.9.4数学内置对象方法

20.9.5日期内置对象方法

20.10校验

20.11Cookie脚本

20.11.1Cookie的属性

20.11.2Cookie的存储、读取和删除

第21章HTML5与CSS3范例

21.1垃圾收集箱

21.2拖放上传图片

21.3监控文件读取进度

21.4基于EasyWebSocket的实时聊天室

21.5图片墙

21.6幻灯片播放

21.7手风琴式垂直菜单

……