疯狂HTML 5+CSS 3+JavaScript讲义 第2版PDF|Epub|txt|kindle电子书版本网盘下载

疯狂HTML 5+CSS 3+JavaScript讲义 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML 5简介1

1.1 HTML历史与HTML 52

1.1.1 HTML发展历史2

1.1.2 HTML 4.01和XHTML3

1.1.3 HTML和XHTML的文档类型定义（DTD）4

1.1.4 从XHTML到HTML 55

1.2 HTML 5的优势6

1.2.1 解决跨浏览器问题6

1.2.2 部分代替了原来的JavaScript6

1.2.3 更明确的语义支持7

1.2.4 增强了Web应用程序的功能8

1.3 HTML 5的基本结构和语法变化8

1.3.1 HTML 5的基本结构8

1.3.2 标签不再区分大小写9

1.3.3 元素可以省略结束标签10

1.3.4 支持boolean值的属性11

1.3.5 允许属性值不使用引号12

1.4 本章小结12

第2章 HTML 5的常用元素与属性14

2.1 HTML 5保留的常用元素15

2.1.1 基本元素15

2.1.2 文本格式相关元素17

2.1.3 语义相关元素19

2.1.4 使用a元素添加超链接和锚点21

2.1.5 列表相关元素24

2.1.6 使用img元素添加图片27

2.1.7 表格相关元素30

2.2 HTML 5增强的iframe元素34

2.2.1 HTML 5新增的srcdoc属性35

2.2.2 HTML 5新增的seamless属性36

2.2.3 HTML 5新增的sandbox属性36

2.3 HTML 5保留的通用属性40

2.3.1 id、style、class属性40

2.3.2 dir属性41

2.3.3 title属性42

2.3.4 lang属性43

2.3.5 accesskey属性43

2.3.6 tabindex属性43

2.4 HTML 5新增的通用属性44

2.4.1 contentEditable属性44

2.4.2 designMode属性46

2.4.3 hidden属性46

2.4.4 spellcheck属性47

2.4.5 contextmenu属性47

2.5 HTML 5新增的结构元素48

2.5.1 article与section元素48

2.5.2 header与footer元素51

2.5.3 nav与aside元素52

2.5.4 main元素53

2.5.5 figure与figcaption元素54

2.6 HTML 5新增的语义元素55

2.6.1 mark元素55

2.6.2 time元素56

2.6.3 details与summary元素56

2.6.4 ruby、rtc、rb、rt和rp元素57

2.6.5 bdi元素58

2.6.6 wbr元素58

2.6.7 menu和menuitem元素59

2.7 HTML 5头部和元信息59

2.7.1 link元素60

2.7.2 base元素62

2.7.3 meta元素62

2.8 HTML 5新增的拖放API63

2.8.1 启动拖动63

2.8.2 接受“放”65

2.8.3 DataTransfer对象67

2.8.4 拖放行为69

2.8.5 改变拖放图标70

2.9 本章小结71

第3章 HTML 5表单相关的元素和属性72

3.1 HTML原有的表单及表单控件73

3.1.1 form元素73

3.1.2 input元素74

3.1.3 使用label定义标签77

3.1.4 使用button定义按钮78

3.1.5 select与option元素79

3.1.6 HTML 5增强的textarea80

3.1.7 fieldset与legend元素82

3.2 HTML 5新增的表单属性83

3.2.1 form属性83

3.2.2 formaction属性83

3.2.3 formxxx属性84

3.2.4 autofocus属性85

3.2.5 placeholder属性85

3.2.6 list属性86

3.2.7 autocomplete属性87

3.2.8 label的control属性88

3.2.9 表单元素的labels属性88

3.2.10 文本框的selectionDirection属性89

3.2.11 复选框的indeterminate属性89

3.3 HTML 5新增的表单元素90

3.3.1 功能丰富的input元素90

3.3.2 output元素93

3.3.3 meter元素94

3.3.4 progress元素95

3.3.5 keygen元素95

3.4 HTML 5新增的客户端校验96

3.4.1 使用校验属性执行校验96

3.4.2 调用checkValidity方法进行校验97

3.4.3 自定义错误提示98

3.4.4 关闭校验99

3.5 本章小结100

第4章 HTML 5的绘图支持101

4.1 使用canvas元素102

4.2 绘图103

4.2.1 canvas绘图基础：CanvasRenderingContext2D103

4.2.2 绘制几何图形105

4.2.3 点线模式107

4.2.4 绘制字符串109

4.2.5 设置阴影110

4.2.6 使用路径111

4.2.7 绘制曲线115

4.2.8 绘制位图117

4.3 坐标变换118

4.3.1 使用坐标变换118

4.3.2 坐标变换与路径结合使用119

4.3.3 使用矩阵变换121

4.4 控制叠加风格123

4.5 控制填充风格124

4.5.1 线性渐变124

4.5.2 径向渐变126

4.5.3 位图填充127

4.6 位图处理128

4.6.1 位图裁剪128

4.6.2 像素处理129

4.7 输出位图132

4.8 动画制作133

4.8.1 基于定时器的动画133

4.8.2 基于requestAnimationFrame的动画135

4.9 本章小结136

第5章 HTML 5的多媒体支持137

5.1 使用audio和video元素138

5.2 使用JavaScript脚本控制媒体播放141

5.2.1 HTMLAudioElement与HTMLVideoElement支持的方法141

5.2.2 HTMLAudioElement与HTMLVideoElement的属性143

5.3 事件监听144

5.3.1 事件144

5.3.2 监听器145

5.4 track元素146

5.4.1 使用track元素添加字幕146

5.4.2 WebVTT文件简介147

5.4.3 字幕内容的标记148

5.5 本章小结149

第6章 级联样式单与CSS选择器150

6.1 样式单概述151

6.1.1 CSS概述151

6.1.2 CSS的发展历史152

6.2 CSS样式单的基本使用152

6.2.1 引入外部样式文件152

6.2.2 导入外部样式单154

6.2.3 使用内部CSS样式155

6.2.4 使用行内样式156

6.3 CSS选择器158

6.3.1 元素选择器158

6.3.2 属性选择器159

6.3.3 ID选择器161

6.3.4 class选择器162

6.3.5 包含选择器163

6.3.6 子选择器164

6.3.7 CSS 3新增的兄弟选择器165

6.3.8 选择器组合166

6.4 伪元素选择器167

6.4.1 内容相关的属性169

6.4.2 插入图像170

6.4.3 只插入部分元素171

6.4.4 配合quotes属性执行插入171

6.4.5 配合counter-increment属性添加编号172

6.4.6 使用自定义编号173

6.4.7 添加多级编号174

6.5 CSS 3新增的伪类选择器176

6.5.1 结构性伪类选择器176

6.5.2 UI元素状态伪类选择器186

6.5.3 :target伪类选择器193

6.5.4 :not伪类选择器194

6.6 在脚本中修改显示样式195

6.6.1 随机改变页面的背景色195

6.6.2 动态增加立体效果196

6.7 本章小结197

第7章 字体与文本相关属性198

7.1 字体相关属性199

7.1.1 使用text-shadow添加阴影201

7.1.2 添加多个阴影202

7.1.3 使用font-size-adjust属性微调字体大小203

7.2 CSS 3支持的颜色表示方法205

7.3 文本相关属性206

7.3.1 使用white-space控制空白的处理行为208

7.3.2 文本自动换行：word-break209

7.3.3 用word-wrap控制长单词或URL地址换行210

7.4 CSS 3新增的服务器字体212

7.4.1 使用服务器字体212

7.4.2 定义粗体、斜体字213

7.4.3 优先使用客户端字体214

7.5 本章小结215

第8章 背景、边框和边距相关属性216

8.1 盒模型简介217

8.2 背景相关属性217

8.2.1 背景图片固定219

8.2.2 CSS 3新增的background-clip属性220

8.2.3 CSS 3新增的background-origin属性221

8.2.4 CSS 3新增的background-size属性222

8.2.5 CSS 3为background-repeat新增的space和round224

8.2.6 CSS 3新增的多背景图片225

8.3 使用渐变背景226

8.3.1 使用linear-gradient设置线性渐变226

8.3.2 使用repeating-linear-gradient设置循环线性渐变230

8.3.3 使用radial-gradient设置径向渐变231

8.3.4 使用repeating-radial-gradient设置循环径向渐变238

8.4 边框相关属性239

8.4.1 CSS 3提供的渐变边框241

8.4.2 CSS 3提供的圆角边框242

8.4.3 CSS 3提供的图片边框244

8.5 使用opacity控制透明度246

8.6 padding和margin相关属性247

8.6.1 内填充相关属性247

8.6.2 外边距相关属性248

8.7 本章小结249

第9章 大小、定位、轮廓相关属性250

9.1 width、height相关属性251

9.1.1 CSS 3新增的box-sizing属性252

9.1.2 CSS 3新增的resize属性253

9.1.3 CSS 3新增的calc函数254

9.2 定位相关属性255

9.3 轮廓相关属性257

9.4 用户界面和滤镜属性258

9.4.1 appearance属性259

9.4.2 使用filter属性应用滤镜260

9.5 本章小结263

第10章 盒模型与布局相关属性264

10.1 盒模型和display属性265

10.1.1 两种最基本的盒类型265

10.1.2 none值和visibility属性267

10.1.3 inline-block类型的盒模型267

10.1.4 inline-table类型的盒模型270

10.1.5 使用table类型的盒模型实现表格271

10.1.6 list-item类型的盒模型272

10.1.7 run-in类型的盒模型273

10.2 对盒添加阴影275

10.2.1 使用box-shadow属性275

10.2.2 对表格及单元格添加阴影277

10.3 布局相关属性278

10.3.1 通过float属性实现多栏布局279

10.3.2 使用clear属性实现换行280

10.3.3 使用overflow设置滚动条282

10.3.4 使用overflow-style控制滚动方式283

10.3.5 使用clip属性控制裁剪284

10.4 CSS 3新增的多栏布局285

10.4.1 使用column-width指定栏宽度286

10.4.2 使用column-gap和column-rule控制分栏间隔287

10.4.3 使用column-span设置跨栏288

10.5 使用弹性盒布局289

10.5.1 使用flex类型的盒模型290

10.5.2 通过flex-direction指定盒内元素的排列方向291

10.5.3 使用flex-wrap控制换行293

10.5.4 使用order控制元素显示顺序294

10.5.5 使用flex属性控制子元素的缩放295

10.5.6 使用align-items和align-self控制对齐方式301

10.5.7 使用justify-content控制元素分布302

10.5.8 使用align-content控制行的分布方式304

10.6 本章小结306

第11章 表格、列表相关属性及media query307

11.1 表格相关属性308

11.1.1 使用border-collapse、border-spacing控制单元格边框308

11.1.2 使用caption-side控制表格标题的位置310

11.1.3 使用table-layout控制表格布局311

11.2 列表相关属性313

11.2.1 使用list-style属性控制列表项313

11.2.2 使用list-style属性控制普通元素315

11.3 控制光标的属性316

11.4 media query和响应式布局317

11.4.1 media query语法318

11.4.2 针对浏览器宽度响应式布局319

11.4.3 响应手机浏览器321

11.5 本章小结323

第12章 变形与动画相关属性324

12.1 CSS 3提供的变形支持325

12.1.1 4种基本变形326

12.1.2 同时应用多种变形330

12.1.3 指定变换中心点331

12.1.4 使用矩阵变换333

12.2 CSS 3新增的3D变换337

12.2.1 perspective属性337

12.2.2 transform-style属性339

12.2.3 backface-visibility属性340

12.3 CSS 3提供的Transition动画341

12.3.1 多个属性同时渐变342

12.3.2 指定动画速度344

12.4 CSS 3提供的Animation动画345

12.4.1 同时改变多个属性的动画347

12.4.2 鱼眼效果348

12.5 本章小结349

第13章 JavaScript语法详解350

13.1 JavaScript简介351

13.1.1 运行JavaScript352

13.1.2 导入JavaScript文件352

13.1.3 使用script元素的defer推迟脚本执行353

13.1.4 使用script元素的async异步执行脚本354

13.1.5 noscript元素355

13.2 数据类型和变量356

13.2.1 定义变量的方式356

13.2.2 类型转换357

13.2.3 变量作用域358

13.2.4 变量提升361

13.2.5 新增的let变量362

13.2.6 使用const定义常量363

13.3 基本数据类型364

13.3.1 数值类型364

13.3.2 字符串类型369

13.3.3 布尔类型372

13.3.4 undefined和null373

13.3.5 正则表达式374

13.4 复合类型376

13.4.1 对象376

13.4.2 数组376

13.4.3 函数379

13.5 运算符381

13.5.1 赋值运算符381

13.5.2 算术运算符382

13.5.3 位运算符383

13.5.4 加强的赋值运算符385

13.5.5 比较运算符385

13.5.6 逻辑运算符386

13.5.7 三目运算符388

13.5.8 逗号运算符389

13.5.9 void运算符389

13.5.10 typeof和instanceof运算符390

13.6 语句391

13.6.1 语句块391

13.6.2 空语句391

13.6.3 异常抛出语句392

13.6.4 异常捕捉语句393

13.6.5 with语句394

13.7 流程控制395

13.7.1 分支395

13.7.2 while循环397

13.7.3 do while循环398

13.7.4 for循环398

13.7.5 for in循环399

13.7.6 break和continue400

13.8 函数403

13.8.1 定义函数的3种方式403

13.8.2 递归函数406

13.8.3 局部变量和局部函数407

13.8.4 函数、方法、对象、变量和类409

13.8.5 函数的实例属性和类属性413

13.8.6 调用函数的3种方式415

13.8.7 函数的独立性416

13.8.8 函数提升418

13.8.9 箭头函数421

13.9 函数的参数处理425

13.9.1 基本类型和复合类型的参数传递425

13.9.2 空参数426

13.9.3 参数类型427

13.10 面向对象429

13.10.1 面向对象的概念429

13.10.2 对象和关联数组430

13.10.3 继承和prototype431

13.10.4 构造器实现伪继承436

13.10.5 使用apply或call实现伪继承437

13.11 创建对象437

13.11.1 使用new关键字调用构造器创建对象438

13.11.2 使用Object直接创建对象438

13.11.3 使用JSON语法创建对象440

13.12 本章小结443

第14章 DOM编程详解444

14.1 DOM模型概述445

14.2 DOM模型和HTML文档446

14.2.1 HTML元素之间的继承关系446

14.2.2 HTML元素之间常见的包含关系447

14.3 访问HTML元素448

14.3.1 根据ID访问HTML元素448

14.3.2 根据CSS选择器访问HTML元素449

14.3.3 利用节点关系访问HTML元素451

14.3.4 访问表单控件453

14.3.5 访问列表框、下拉菜单的选项454

14.3.6 访问表格子元素455

14.4 修改HTML元素456

14.5 增加HTML元素458

14.5.1 创建或复制节点458

14.5.2 添加节点460

14.5.3 为列表框、下拉菜单添加选项460

14.5.4 动态添加表格内容462

14.6 删除HTML元素463

14.6.1 删除节点463

14.6.2 删除列表框、下拉菜单的选项464

14.6.3 删除表格的行或单元格465

14.7 传统的DHTML模型467

14.8 使用window对象469

14.8.1 访问页面URL471

14.8.2 客户机屏幕信息472

14.8.3 弹出新窗口473

14.8.4 确认对话框和输入对话框473

14.8.5 使用定时器474

14.8.6 桌面通知476

14.9 navigator和地理定位479

14.9.1 HTML 5新增的geolocation属性480

14.9.2 获取地理位置481

14.9.3 在高德地图上定位483

14.9.4 获取电池信息484

14.10 HTML 5增强的History API485

14.11 使用document对象490

14.11.1 动态页面491

14.11.2 读写Cookie492

14.12 HTML 5新增的浏览器分析493

14.12.1 分析时间性能493

14.12.2 分析导航行为495

14.13 本章小结496

第15章 事件处理机制497

15.1 事件模型的基本概念498

15.2 绑定事件处理函数499

15.2.1 绑定HTML元素属性499

15.2.2 绑定JavaScript对象属性501

15.2.3 addEventListener与attachEvent502

15.3 事件处理函数的执行环境505

15.3.1 事件处理函数中this关键字505

15.3.2 访问事件对象507

15.3.3 使用返回值取消默认行为510

15.3.4 调用顺序510

15.3.5 在代码中触发事件511

15.3.6 事件传播512

15.3.7 取消事件的默认行为517

15.3.8 转发事件519

15.4 事件类型521

15.4.1 事件类型概述521

15.4.2 文档事件523

15.4.3 鼠标滚轮事件525

15.4.4 键盘事件528

15.4.5 触屏事件和移动设备事件529

15.5 本章小结534

第16章 本地存储与离线应用535

16.1 Web Storage536

16.1.1 Storage接口536

16.1.2 使用Storage存储、读取数据538

16.1.3 基于Web Storage的记事本539

16.1.4 存储结构化数据541

16.1.5 监听存储事件543

16.2 Indexed数据库API545

16.2.1 使用IDBFactory打开数据库545

16.2.2 使用IDBDatabase创建对象存储和索引547

16.2.3 使用IDBTransaction（事务）550

16.2.4 使用IDBObjectStore执行CRUD操作551

16.2.5 使用IDBObjectStore根据主键检索数据557

16.2.6 使用IDBIndex根据索引检索数据559

16.2.7 使用复合索引562

16.3 离线应用564

16.3.1 离线应用与浏览器缓存的区别564

16.3.2 构建离线应用564

16.3.3 判断在线状态566

16.3.4 applicationCache对象567

16.3.5 离线应用的事件与监听569

16.4 本章小结571

第17章 文件支持与二进制数据572

17.1 HTML 5增强的文件上传域573

17.1.1 FileList对象与File对象573

17.1.2 使用FileReader读取文件内容574

17.2 ArrayBuffer与TypedArray578

17.2.1 TypedArray类579

17.2.2 DataView类581

17.3 Blob类583

17.3.1 使用Blob对象583

17.3.2 存储Blob对象585

17.4 本章小结587

第18章 Web Worker多线程API588

18.1 使用Worker创建多线程589

18.2 与Worker线程进行数据交换591

18.2.1 与Worker线程交换数据591

18.2.2 Worker线程中可用的API593

18.3 Worker线程嵌套594

18.3.1 嵌套Worker线程594

18.3.2 子线程之间的数据交换596

18.4 使用SharedWorker创建共享线程597

18.4.1 SharedWorker的用法598

18.4.2 共享线程实例601

18.5 Promise603

18.5.1 Promise基本用法603

18.5.2 链式调用then方法605

18.5.3 Promise链606

18.5.4 catch的用法607

18.5.5 all和race的用法609

18.6 本章小结611

第19章 客户端通信612

19.1 跨文档消息传递613

19.1.1 postMessage与onmessage613

19.1.2 跨文档消息传递示例614

19.1.3 发送复杂消息616

19.1.4 使用MessageChannel通信618

19.2 使用WebSocket与服务器通信621

19.2.1 WebSocket接口622

19.2.2 使用WebSocket进行通信623

19.2.3 基于WebSocket的多人实时聊天625

19.2.4 发送二进制数据627

19.3 使用Server-Sent Events API630

19.3.1 使用EventSource获取数据630

19.3.2 EventSource的生命周期633

19.4 使用Beacon635

19.5 本章小结636

第20章 HTML 5的疯狂俄罗斯方块637

20.1 俄罗斯方块简介638

20.2 开发游戏界面639

20.2.1 开发界面布局639

20.2.2 开发游戏界面组件640

20.3 俄罗斯方块的数据模型640

20.3.1 定义数据模型641

20.3.2 初始化游戏状态数据641

20.4 实现游戏逻辑644

20.4.1 处理方块掉落644

20.4.2 处理方块左移648

20.4.3 处理方块右移650

20.4.4 处理方块旋转651

20.4.5 初始化游戏状态653

20.5 本章小结654