【二手正版】 Web前端开发从学到用完美实践——HTML5+CSS3+JavaScript+jQuery+AJAX+AngularJS（第2版 阮晓龙 水利水电出版社 9787517066996

在日益互联网化的今天，Web技术已经成为一门广泛应用的技术。除了日常的网站访问和信息浏览，Web已成为各种设备的有机组成部分。例如交换机、路由器、服务器等硬件设备都可以通过Web方式进行管理，并且这种方式得到了越来越多的应用，各种信息技术都在不断“Web化”。

不仅如此，学习Web前端开发技术具有以下优势：

l Web前端开发入门门槛低，但市场需求量大，尤其是有经验的前端开发人员。

l Web前端开发人员可在短期内积累足够的经验，而后端开发人员想要积累同等的经验则需要更长的时间。

l Web前端开发技术发展越来越成熟，且适用范围更广。比如HTML5 可以替代原生APP，JavaScript能够用于数据库操作（MongoDB等NoSQL技术也支持JS语法），Node.js能够让JavaScript在服务器端运行等。

（1）涵盖Web前端开发的全体系内容。

本书的内容安排遵循Web开发流程及由浅入深的认知规律，首先介绍Web的基本概念及Web开发工具，然后讲解Web前端开发的三大核心内容—HTML5、CSS3、JavaScript，随后介绍jQuery和AngularJS，接着进一步介绍HTML5新增的文件接口、绘图元素、本地存储和地理定位功能，最后讲解Web测试与发布技术。通过这本书，读者可以掌握Web前端开发的全体系知识。

（2）引入“浏览器支持”的工程理念。

Web前端开发的结果要通过浏览器进行展示。本书在讲解HTML5和CSS3的各种元素、属性时，明确说明了各种浏览器对这些元素的支持；本书中所有的案例都进行了主流浏览器兼容性测试，并对测试结果进行了说明，从而使读者尤其是初学者，在学习之初就能树立起“浏览器支持”这一Web前端开发中的重要工程理念。

（3）书中案例具有较高的工程度和成熟度。

本书包含300多个案例，既有针对一个元素的小案例，也有综合性的大案例。所有案例都经过了精心设计，案例代码的成熟度和工程应用程度较高，许多案例达到了企业级应用水平。读者在学习本书时可以通过案例更好地理解知识和掌握应用技术，同时这些案例也能成为读者积累的代码库中的一部分，在进行实际项目开发时直接引用，真正起到“拿来就用”的作用，有效降低读者从学习到项目开发的成本。

（4）明确体现商业化开发的特点。

本书作者及案例设计团队具有多年的商业化Web前端开发经验。全书在内容组织、案例设计、编写形式上明确体现了商业化开发的特点，有助于读者更好地实现从学习到应用的转变。

（5）全屏幕适配，支持移动Web开发。

本书的内容不仅考虑了面向PC的Web开发，也考虑了面向移动终端的Web开发，全书的讲解重新考虑“全终端适配”的概念，让读者能够更加全面地理解Web前端开发的应用范围，充分适应移动互联网的时代特征。

本书适用于以下三类读者。

一是从事Web前端开发工作的专业技术人员，本书可帮助他们进行深入、系统的深造学习，从而更好地理解Web知识体系、提高工作效率。

二是准备从事Web前端开发工作的入门者，本书可帮助他们全面理解并掌握Web前端开发的技术框架，为系统学习Web前端开发指引方向，为后续工作学习打下扎实基础。

三是高等院校中计算机相关专业特别是计算机科学与技术、软件技术类专业的在校学生，本书可帮助他们从零开始学习Web技术，不断加深对Web前端开发技术的理解，并且通过大量案例提升实践操作的综合能力，做到“学以致用”。

本书共23章，从内容组织上看，包括Web基础、HTML5、CSS3、JavaScript及开发库、Web前端开发高级应用、Web测试与发布六个部分。

本书在保留第一版主要内容的基础上，更新并补充了行业应用的新技术热点，进一步优化章节结构，调整了全书内容组织体系。调整的具体内容为新增第17章、第21章、第23章，并调换了第一版第10章和第11章的顺序。本书反映了Web前端开发技术的最新发展状况，主要内容如下：

第1～2章属于Web基础部分。主要介绍Web的基本概念、工作原理、Web前端开发的含义，重点讲解Web前端开发的每个阶段中所使用的开发工具，帮助读者为后续学习打下基础。

第3～6章属于HTML5部分。主要介绍HTML5的发展、优势、功能、新特征以及各种元素、属性的用法、重点讲解HTML5表单和多媒体的应用技术。

第7～13章属于CSS3部分。主要介绍CSS3的发展、功能、新特征，重点讲解CSS3中选择器、文字样式、背景与边框、盒模型、布局、动画的应用技术。

第14～17章属于JavaScript及开发库部分。主要介绍JavaScript的发展、功能、基本语法，重点讲解jQuery、AJAX、AngularJS的应用技术。

第18～21章属于Web前端开发的高级应用部分。主要讲解HTML5新增的文件接口、绘图元素、本地存储和地理定位功能。

第22～23章属于Web测试与发布部分。主要介绍Web测试的基本内容、Web测试的常用方法和常见测试软件，并详细介绍网站发布的流程。

本书第1版发布后，作者开始积极探索科研、教研和教学工作的融合以及团队建设模式，初步形成了松散模式的技术团队和本书创作小组。刘明哲、冯顺磊、路景鑫、贺路路、孙高强、董凯伦、张浩林全程参与了改版方案及本书内容与案例的讨论、审核和校对。在此对他们表示诚挚的谢意。

由于作者水平有限，疏漏及不足之处在所难免，敬请广大读者朋友批评指正。

阮晓龙 

本书是经过数万读者检验的畅销图书《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