HTML 5开发精要与实例详解PDF电子书下载

第1章用HTML 5中的结构元素构建网站 1

1.1案例1：用HTML5中的结构元素构建一个博客网站 2

1.1.1案例知识点 2

1.1.2博客首页的实现 11

1.1.3文章显示页面的实现 30

1.2案例2：用HTML5中的结构元素构建一个企业网站 39

1.2.1首页的实现 39

1.2.2联系方式页面的实现 52

1.3本章小结 55

第2章在Web表单中使用HTML 5 56

2.1案例3：用结构元素制作Web应用程序中的菜单 57

2.1.1页面显示效果 57

2.1.2代码剖析 58

2.2案例4：综合运用HTML 5、 jQuery与ASP.NET构建Web应用程序 61

2.2.1案例概述 61

2.2.2页面显示效果 61

2.2.3案例知识点 63

2.2.4代码剖析 70

2.3本章小结 96

第3章 使用canvas元素绘制图形、图像与动画 97

3.1案例5：使用canvas元素绘制美丽的花朵 98

3.1.1案例概述 98

3.1.2页面显示效果 98

3.1.3案例知识点 100

3.1.4代码剖析 103

3.2案例6：使用canvas元素绘制指针式动画时钟 106

3.2.1案例概述 106

3.2.2页面显示效果 106

3.2.3案例知识点 107

3.2.4代码剖析 108

3.3案例7：使用canvas元素制作简单小游戏 113

3.3.1案例概述 113

3.3.2页面显示效果 113

3.3.3案例知识点 115

3.3.4代码剖析 116

3.4案例8：使用canvas元素绘制图像放大镜 119

3.4.1案例概述 120

3.4.2页面显示效果 120

3.4.3案例知识点 120

3.4.4代码剖析 121

3.5案例9：用动画的形式装载图像 125

3.5.1案例概述 125

3.5.2页面显示效果 125

3.5.3案例知识点 128

3.5.4代码剖析 130

3.6案例10：将彩色照片转换成黑白照片 138

3.6.1案例概述 138

3.6.2页面显示效果 138

3.6.3案例知识点 140

3.6.4代码剖析 141

3.7本章小结 143

第4章 文件API与拖放API 145

4.1案例11：在浏览器中预览客户端文件并上传 146

4.1.1案例概述 146

4.1.2页面显示效果 146

4.1.3案例知识点 149

4.1.4代码剖析 151

4.2案例12：使用Canvas API、文件API与拖放API制作拼图游戏 158

4.2.1案例概述 158

4.2.2页面显示效果 159

4.2.3案例知识点 162

4.2.4代码剖析 165

4.3本章小结 176

第5章 多媒体播放 177

5.1案例13：打造自己的网页视频播放器 178

5.1.1案例概述 178

5.1.2页面显示效果 178

5.1.3案例知识点 181

5.1.4代码剖析 183

5.2案例14：对视频使用实时回放功能 191

5.2.1案例概述 191

5.2.2页面显示效果 191

5.2.3代码剖析 192

5.3案例15：对视频使用截图功能 195

5.3.1案例概述 195

5.3.2页面显示效果 195

5.3.3案例知识点 196

5.3.4代码剖析 196

5.4案例16：打造自己的网页音频播放器 199

5.4.1案例概述 199

5.4.2页面显示效果 199

5.4.3案例知识点 200

5.4.4代码剖析 201

5.5本章小结 206

第6章 本地存储 207

6.1案例17：制作HTML 5版本的日程提醒簿 208

6.1.1案例概述 208

6.1.2页面显示效果 208

6.1.3案例知识点 209

6.1.4代码剖析 210

6.2案例18：临时保存页面中的输入内容 214

6.2.1案例概述 214

6.2.2页面显示效果 215

6.2.3案例知识点 216

6.2.4代码剖析 216

6.3案例19：使用HTML 5制作Web应用程序的演示版 218

6.3.1案例概述 218

6.3.2页面显示效果 218

6.3.3案例知识点 219

6.3.4代码剖析 222

6.4案例20：使用客户端session 232

6.4.1案例概述 232

6.4.2页面展示效果 232

6.4.3案例知识点 234

6.4.4代码剖析 235

6.5案例21：将本地数据库中的数据提交到服务器端 248

6.5.1案例概述 248

6.5.2页面展示效果 248

6.5.3代码剖析 249

6.6案例22：制作可以离线使用的日程提醒簿 256

6.6.1案例概述 256

6.6.2页面显示效果 256

6.6.3案例知识点 257

6.6.4代码剖析 260

6.7本章小结 261

第7章 跨文档消息传输 262

7.1案例23：通过跨文档消息传输功能实现单点登录 263

7.1.1案例概述 263

7.1.2页面显示效果 264

7.1.3案例知识点 268

7.1.4代码剖析 268

7.2案例24：通过跨文档消息传输功能获取批量数据 300

7.2.1案例概述 300

7.2.2页面显示效果 300

7.2.3代码剖析 301

7.3本章小结 310

第8章 利用Web Workers实现多线程处理 312

8.1案例25：在后台线程中实现对数据库的增删查改操作 313

8.1.1案例概述 313

8.1.2页面显示效果 313

8.1.3案例知识点 315

8.1.4代码剖析 316

8.2案例26：在后台线程中实现数据的批量插入 334

8.2.1案例概述 334

8.2.2代码剖析 334

8.3本章小结 339

第9章 利用Geolocation API获取地理位置信息 341

9.1案例27：显示计算机或移动设备所在地的地图 342

9.1.1案例概述 342

9.1.2页面显示效果 342

9.1.3案例知识点 343

9.1.4代码剖析 346

9.2本章小结 349

第10章 使用jWebSocket框架开发Socket通信程序 350

10.1安装与运行jWebSocket 351

10.1.1安装jWebSocket服务器 351

10.1.2在其他服务器环境下运行jWebSocket服务器 352

10.1.3将jWebSocket服务器作为Windows的可执行文件 354

10.1.4将jWebSocket服务器作为Windows的服务 355

10.1.5 jWebSocket Web客户端 355

10.2创建第一个利用jWebSocket进行通信的Web页面 357

10.3创建jWebSocket服务器端的侦听器 365

10.3.1 jWebSocket的通信架构 365

10.3.2创建侦听器 366

10.4 jWebSocket中的令牌 374

10.4.1令牌的基本概念 375

10.4.2系统令牌 376

10.5 jWebSocket中服务器端的插件 383

10.5.1服务器端插件的基础知识 383

10.5.2创建自定义服务器端插件 385

10.6 jWebSocket中的通道 393

10.7案例28：利用jWebSocket服务器创建简单聊天室 398

10.7.1案例概述 398

10.7.2页面显示效果 398

10.7.3代码剖析 401

10.8本章小结 412

第11章RGraph统计图制作插件 414

11.1概述 415

11.1.1 HTML 5版统计图插件的优越性 415

11.1.2使用RGraph插件 415

11.1.3使用服务器端数据 416

11.2绘制统计图时所用到的公共属性 417

11.3绘制柱状图 422

11.3.1绘制柱状图时所用到的属性 422

11.3.2示例程序 425

11.3.3使用obj.getBar方法 426

11.3.4绘制分组柱状图 428

11.3.5使用上下文菜单 432

11.4绘制折线图 435

11.4.1绘制折线图时所用到的属性 435

11.4.2绘制基本折线图 439

11.4.3使用getPoint方法 441

11.4.4在一个折线图中绘制多根折线 444

11.4.5绘制范围折线图 446

11.4.6在一个折线图中使用左右两根不同统计单位的垂直坐标轴 448

11.4.7在一个统计图中绘制柱状图与折线图 450

11.4.8绘制动态折线图 452

11.5绘制饼图 455

11.5.1绘制饼图时所用到的属性 455

11.5.2示例程序 455

11.5.3使用getSegment方法 457

11.6绘制横向柱状图 461

11.6.1绘制横向柱状图时所用到的属性 461

11.6.2示例程序 463

11.6.3绘制分组横向柱状图 464

11.7绘制雷达图 466

11.7.1绘制雷达图时所用到的属性 466

11.7.2示例程序 467

11.8增强用户体验 468

11.8.1通过拖曳来缩放统计图的尺寸 468

11.8.2制作工具条提示信息 469

11.8.3制作上下文菜单 475

11.8.4放大统计图 476

11.8.5允许用户注解统计图 481

11.9本章小结 483

第12章 使用WebGL开发三维图形图像 484

12.1 WebGL概述 485

12.1.1 WebGL的基础知识 485

12.1.2进行WebGL开发之前的准备工作 485

12.2使用WebGL绘制三角形与矩形 488

12.2.1下载并使用脚本文件 488

12.2.2页面显示效果 488

12.2.3代码剖析 488

12.3使用颜色绘制彩色三角形与矩形 507

12.3.1画面式样 507

12.3.2代码剖析 507

12.4制作三维动画 515

12.4.1画面式样 515

12.4.2代码剖析 515

12.5制作三维物体 520

12.5.1画面式样 520

12.5.2代码剖析 520

12.6使用纹理 528

12.6.1画面式样 528

12.6.2代码剖析 528

12.7键盘输入与纹理过滤 537

12.7.1画面式样 537

12.7.2代码剖析 538

12.8本章小结 545

附录 五大浏览器的最新版对HTML 5的支持情况 546