Web前端开发从学到用完美实践——HTML5+CSS3+JavaScript+jQuery+AJAX+AngularJS（第2版

图书标准信息

• 作者 阮晓龙、李朋楠、于冠军、杜宇飞、刘海滨 著
• 出版社 中国水利水电出版社
• 出版时间 2018-08
• 版次 2
• ISBN 9787517066996
• 定价 88.00元
• 装帧 平装
• 开本 16
• 纸张 胶版纸
• 页数 708页
• 字数 1109千字
• 丛书 前端开发

【内容简介】

本书是经过数万读者检验的畅销图书《Web前端开发从学到用完美实践》的升级版本，同时也是作者十几年的教学与企业级开发经验的结晶。

 

本书系统讲述了Web前端开发的全栈知识，由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴企业实战，所有案例运行结果都可通过二维码实时呈现。本书的讲解从Web基础知识开始，循序渐进地融入了HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、绘图、地理定位、本地存储及Web测试与发布等实用技术，是一本真正的Web前端开发的从学到用全栈教程。

 

本书适合于想从事网站前端开发工作和正在从事网站前端开发工作的开发工程师参考使用。本书配套光盘提供多媒体教学资源、所有案例及源代码，以及案例开发用到的软件。

 

本书配套光盘提供多媒体教学资源、所有案例及源码，以及实验用到的部分软件

 

【作者简介】

阮晓龙:

 

河南省重点学科计算机科学与技术学科互联网应用技术学科方向带头人，河南中医药大学管理科学与工程学科主任，一线资深网络技术及Web技术专家,副教授。

 

曾参与河南省教育科研网郑东新区节点建设及运维；曾参与多项大型门户网站的建设工作；曾参与河南中医药大学数字化校园示范工程建设项目。主持参与厅级以上科研项目9项，主持获得厅级一等奖以上奖励7项，荣获“河南省教学标兵”称号。主编著作与教材4部，参编著作与教材6部，公开发表论文20余篇，个人取得软件著作权12项。

 

【目录】

作者的话

 

配套光盘使用说明

 

第1章 概述 1

 

1.1 Web基础 2

 

1.2 Web是如何工作的？ 10

 

1.3 为什么学习Web前端开发？ 16

 

1.4 项目管理系统 19

 

第2章 开发工具 21

 

2.1 开发工具综述 22

 

2.2 原型设计工具 22

 

2.3 开发工具 29

 

2.4 调试工具 41

 

2.5 代码托管工具 48

 

2.5.5 案例：使用GitHub开源平台实现网站代码托管 49

 

第3章 初识HTML5 55

 

3.1 HTML概述 56

 

3.2 HTML5的优势 57

 

3.4 HTML5文档结构 70

 

第4章 HTML5结构与属性 73

 

4.1 从HTML4到HTML5 74

 

4.2 HTML5基础 76

 

4.3 HTML5结构元素 87

 

4.4 超链接 99

 

第5章 表单 102

 

5.1 表单基础 103

 

5.2 使用form元素 108

 

5.3 使用input元素 111

 

5.4 案例：高考改革方案调查问卷网页的实现 126

 

5.5 案例：智能表单（用户注册） 130

 

第6章 多媒体 135

 

6.1 多媒体基础 136

 

6.2 HTML5音频与视频 139

 

6.3 播放控制 147

 

6.4 解决兼容问题 158

 

6.5 字幕 161

 

第7章 初识CSS3 167

 

7.1 CSS3概述 168

 

7.2 CSS3功能 172

 

7.3 在HTML中使用CSS 174

 

7.4 案例：基于终端设备选择不同样式 177

 

7.5 案例：基于浏览器选择不同样式 178

 

第8章 选择器 179

 

8.1 认识CSS选择器 180

 

8.2 基础选择器 180

 

8.3 层次选择器 186

 

8.4 伪类选择器 191

 

8.5 属性选择器 208

 

第9章 文字样式 213

 

9.1 文本样式 214

 

9.2 字体样式 222

 

9.3 字体图标 226

 

9.4 文本效果 228

 

9.5 使用服务器端字体 231

 

9.6 案例：诗歌排版 232

 

9.7 案例：使用服务器端字体实现网站图标 234

 

第10章 背景与边框 236

 

10.1 背景属性 237

 

10.1.1 基本属性 237

 

10.1.2 CSS3新增背景属性 238

 

10.1.3 多背景 241

 

10.1.4 渐变背景 243

 

10.2 边框属性 245

 

10.2.1 基本属性 245

 

10.2.2 CSS3新增边框属性 247

 

10.2.3 圆角边框 248

 

10.2.4 图片边框 251

 

10.2.5 渐变边框 256

 

10.2.6 盒子阴影 257

 

10.3 案例：图片轮转的实现 264

 

10.4 案例：网页课程表的实现 266

 

第11章 盒模型 271

 

11.1 盒子 272

 

11.1.1 元素盒子 272

 

11.1.2 尺寸 280

 

11.2 盒子类型 281

 

11.2.1 盒子的基本类型 281

 

11.2.2 CSS3新增的类型 287

 

11.2.3 浏览器对盒子的支持情况 293

 

11.3 盒子的属性 294

 

11.3.1 内容溢出 294

 

11.3.2 自由缩放 299

 

11.3.3 外轮廓 299

 

11.3.4 阴影 301

 

11.4 浏览器的盒子调试 304

 

11.4.1 在Internet Explorer浏览器中进行盒子调试 305

 

11.4.2 在Firefox浏览器中进行盒子调试 307

 

11.4.3 在Google Chrome浏览器中进行盒子调试 307

 

11.4.4 在Microsoft Edge浏览器中进行

 

盒子调试 308

 

第12章 布局 311

 

12.1 定位与布局的基本属性 312

 

12.1.1 基本属性 312

 

12.1.2 外边距与内边距 312

 

12.1.3 浮动布局 313

 

12.1.4 定位布局 318

 

12.2 多列布局 325

 

12.2.1 多列布局的基本知识 325

 

12.2.2 多列布局的基本属性 326

 

12.2.3 多列布局属性 326

 

12.2.4 列宽与列数 326

 

12.2.5 列边距与列边框 326

 

12.2.6 跨列布局 327

 

12.2.7 列高 327

 

12.3 盒布局 329

 

12.3.1 盒布局的基本知识 329

 

12.3.2 盒布局的基本属性 329

 

12.3.3 使用自适应宽度的弹性盒布局 329

 

12.3.4 改变元素的显示顺序 332

 

12.3.5 改变元素排列方向 334

 

12.3.6 使用弹性布局消除空白 335

 

12.3.7 对多个元素使用box-flex属性 336

 

12.3.8 对齐方式 337

 

12.3.9 布局方式对比 339

 

12.4 自适应布局 343

 

12.4.1 自适应布局的基本知识 344

 

12.4.2 自适应布局的基本属性 344

 

12.4.3 允许网页宽度自动调整 344

 

12.4.4 不使用绝对宽度 344

 

12.4.5 相对大小的字体 345

 

12.4.6 流动布局 345

 

12.4.7 选择加载CSS 345

 

12.4.8 CSS的@media规则 345

 

12.4.9 图片的自适应 346

 

12.5 案例：网页布局 348

 

第13章 CSS动画 359

 

13.1 Web动画 360

 

13.1.1 GIF动画 360

 

13.1.2 Flash动画 360

 

13.1.3 JavaScript动画 360

 

13.1.4 CSS3动画 361

 

13.2 使用变形属性 361

 

13.2.1 进行简单变形 361

 

13.2.2 变形子属性 362

 

13.2.3 2D变形函数 369

 

13.2.4 3D变形函数 372

 

13.2.5 案例：制作时钟 375

 

13.3 使用过渡属性 378

 

13.3.1 设置元素过渡 378

 

13.3.2 设置过渡元素 379

 

13.3.3 设置过渡持续时间 380

 

13.3.4 指定过渡函数 381

 

13.3.5 规定过渡延迟时间 385

 

13.3.6 过渡触发 386

 

13.3.7 案例：制作动态网站导航 387

 

13.4 使用动画属性 390

 

13.4.1 建立基本动画 390

 

13.4.2 动画关键帧 392

 

13.4.3 动画子属性 393

 

13.4.4 给元素应用动画 395

 

13.4.5 案例：实现页面加载动画 396

 

13.5 案例：引人入胜的动态照片墙 402

 

第14章 初识JavaScript 405

 

14.1 JavaScript概述 406

 

14.1.1 什么是JavaScript？ 406

 

14.1.2 JavaScript能够实现什么？ 407

 

14.2 语法 407

 

14.2.1 调用方法 407

 

14.2.2 基本语法 408

 

14.2.3 函数 417

 

14.2.4 对象 418

 

14.3 DOM 419

 

14.3.1 什么是DOM？ 419

 

14.3.2 获取HTML元素 419

 

14.3.3 对HTML元素进行操作 421

 

14.4 案例：使用JavaScript进行表单验证 423

 

14.4.1 功能 423

 

14.4.2 实现效果 423

 

14.4.3 代码 424

 

14.5 案例：使用JavaScript实现规定时间内答题效果 427

 

14.5.1 功能 427

 

14.5.2 实现效果 427

 

14.5.3 代码 428

 

第15章 jQuery编程 430

 

15.1 jQuery概述 431

 

15.1.1 jQuery简介 431

 

15.1.2 为什么要使用jQuery？ 432

 

15.1.3 其他的JavaScript类库 433

 

15.2 jQuery基础应用 434

 

15.2.1 调用方法 434

 

15.2.2 基本语法 434

 

15.2.3 选择器 435

 

15.2.4 事件 445

 

15.2.5 常用效果 449

 

15.2.6 案例：使用jQuery实现图片轮转 456

 

15.3 jQuery中的DOM操作 459

 

15.3.1 DOM操作基础 459

 

15.3.2 节点操作 460

 

15.3.3 属性操作 467

 

15.3.4 样式操作 468

 

15.3.5 内容操作 470

 

15.3.6 案例：使用jQuery实现表格排序 472

 

15.4 jQuery插件 474

 

15.4.1 什么是jQuery插件？ 474

 

15.4.2 jQuery UI 475

 

15.4.3 jQuery Mobile 479

 

15.5 案例：使用jQuery插件实现表单验证 483

 

15.5.1 功能 483

 

15.5.2 实现效果 484

 

15.5.3 代码 484

 

15.6 案例：使用JQuery Mobile快速开发手机网站 485

 

15.6.1 功能 485

 

15.6.2 实现效果 485

 

15.6.3 代码 486

 

第16章 AJAX 488

 

16.1 概述 489

 

16.1.1 什么是AJAX？ 489

 

16.1.2 为什么使用AJAX？ 489

 

16.1.3 AJAX的优势 489

 

16.1.4 AJAX的应用场景 489

 

16.2 基础知识 490

 

16.2.1 XML 490

 

16.2.2 xmlHttpRequest 491

 

16.2.3 工作原理 491

 

16.3 AJAX实现 492

 

16.3.1 案例：使用AJAX基于本地XML实现学生成绩册 492

 

16.3.2 案例：使用AJAX读取网易新闻列表 495

 

16.4 使用jQuery实现AJAX 497

 

16.4.1 基本方法 497

 

16.4.2 jQuery中的全局事件 509

 

16.5 案例：实时表单验证 510

 

第17章 AngularJS 518

 

17.1 AngularJS概述 519

 

17.1.1 AngularJS简介 519

 

17.1.2 AngularJS特性 519

 

17.1.3 AngularJS框架 520

 

17.2 AngularJS基本概念 520

 

17.3 AngularJS应用 521

 

17.3.1 AngularJS初始化 521

 

17.3.2 指令 523

 

17.3.3 模板 523

 

17.3.4 表达式 524

 

17.3.5 作用域 524

 

17.3.6 控制器 526

 

17.3.7 过滤器 526

 

17.3.8 表单 528

 

17.3.9 模块 530

 

17.3.10 路由 530

 

17.3.11 服务 534

 

17.4 案例：使用AngularJS实现即时搜索 537

 

第18章 文件 540

 

18.1 文件存储 541

 

18.2 处理用户文件 541

 

18.2.1 读取文件 541

 

18.2.2 读取文件属性 543

 

18.2.3 文件分割 545

 

18.2.4 处理事件 547

 

18.3 文件操作 549

 

18.3.1 本地磁盘操作 549

 

18.3.2 创建文件 552

 

18.3.3 创建目录 553

 

18.3.4 列出文件 553

 

18.3.5 处理文件 557

 

18.3.6 移动 557

 

18.3.7 复制 560

 

18.3.8 删除 560

 

18.4 文件内容操作 561

 

18.4.1 写入内容 561

 

18.4.2 追加内容 564

 

18.4.3 读取内容 564

 

18.5 案例：用户本地资源管理 567

 

　　

 

第19章 绘图 575

 

19.1 Canvas基础知识 576

 

19.1.1 Canvas 576

 

19.1.2 绘图方法 577

 

19.1.3 绘图属性 578

 

19.2 图形绘制 579

 

19.2.1 矩形 579

 

19.2.2 线条 581

 

19.2.3 多边形 581

 

19.2.4 圆角矩形 583

 

19.2.5 圆形 584

 

19.2.6 曲线 586

 

19.2.7 文字 588

 

19.2.8 图像 592

 

19.3 图形变换与控制 600

 

19.3.1 坐标变换 600

 

19.3.2 矩阵变换 604

 

19.3.3 设置阴影 605

 

19.3.4 叠加风格 607

 

19.3.5 填充风格 608

 

19.4 案例：用Canvas绘制统计报表 612

 

第20章 本地存储 616

 

20.1 基础知识 617

 

20.1.1 本地存储简介 617

 

20.1.2 本地存储类型 617

 

20.2 Cookie 619

 

20.2.1 Cookie概述 619

 

20.2.2 数据操作 619

 

20.2.3 案例：在网站中自动记录用户状态 621

 

20.3 Web Storage 623

 

20.3.1 sessionStorage 623

 

20.3.2 localStorage 626

 

20.3.3 对比分析 628

 

20.4 本地数据库 628

 

20.4.1 存储原理 628

 

20.4.2 数据操作 629

 

20.5 案例：使用本地存储减少服务器数据库请求 635

 

第21章 地理定位 641

 

21.1 常见地理定位方式 642

 

21.1.1 IP定位 642

 

21.1.2 GPS定位 642

 

21.1.3 Wi-Fi定位 642

 

21.1.4 手机基站定位 642

 

21.2 使用HTML5实现地理定位 642

 

21.2.1 浏览器支持性检查 643

 

21.2.2 位置请求 643

 

21.2.3 隐私保护 646

 

21.3 案例：使用百度地图展示当前位置 646

 

21.4 案例：使用百度地图展示运动轨迹 648

 

第22章 Web测试 652

 

22.1 概述 653

 

22.1.1 什么是Web测试？ 653

 

22.1.2 测试内容 653

 

22.1.3 测试目的 654

 

22.2 用户界面测试 654

 

22.2.1 导航测试 654

 

22.2.2 图形测试 655

 

22.2.3 内容测试 655

 

22.2.4 整体界面测试 655

 

22.3 兼容性测试 655

 

22.3.1 平台兼容性测试 655

 

22.3.2 浏览器兼容性测试 657

 

22.3.3 分辨率兼容性测试 658

 

22.4 功能测试 659

 

22.5 性能测试 662

 

22.5.1 连接速度测试 663

 

22.5.2 压力测试 667

 

第23章 网站发布 676

 

23.1 概述 677

 

23.2 域名注册 677

 

23.2.1 什么是域名注册？ 677

 

23.2.2 如何注册域名？ 677

 

23.2.3 实训：通过阿里云进行域名注册 677

 

23.3 Web服务器构建 680

 

23.3.1 什么是Web服务器？ 680

 

23.3.2 如何构建Web服务器？ 680

 

23.3.3 实训：使用阿里云构建Web服务器 680

 

23.4 网站上传 686

 

23.5 网站备案 686

 

23.5.1 什么是网站备案？ 686

 

23.5.2 实训：通过阿里云进行网站备案 686

 

23.6 域名解析 688

 

23.6.1 什么是域名解析？ 688

 

23.6.2 实训：在阿里云上配置域名解析 689

 

参考文献 691