前言

响应式是伊桑·马卡特（Ethan Marcotte）在2010年5月提出的一个概念，这个概念是应移动互联网时代的浏览需求而产生的。响应式网页的核心在于“一次设计，普遍适用”，可以为不同终端的用户提供更加舒适的界面和更好的用户体验。随着移动终端的普及，响应式的网页设计可以说是“大势所趋”。

如何开发响应式网页，满足各种终端用户的浏览需求，是Web前端设计及开发人员需要思考的。本书根据响应式网页开发的技术主线编写，第1～3章介绍响应式网页开发的技术基础。首先，从响应式网页的概念出发，第1章讲解响应式网页设计基础，包括响应式的概念、媒体查询、响应式网页呈现等。由于响应式网页的实现框架多基于CSS 3+JavaScript，因此在第2章讲解了JavaScript基础，包括JavaScript编程基础、JavaScript对象及事件、结合CSS 3的一些应用实例等。第3章介绍了jQuery的基础。众所周知，jQuery是一个应用广泛的JavaScript框架，也是目前响应式插件应用及开发的基础，是响应式编程的重要手段，关于jQuery的讲解主要侧重于与传统JavaScript比较，介绍如何实现更高效的前端开发。第4～6章则主要介绍响应式网页框架的应用。从第4章开始，引入了热门的响应式框架Bootstrap，包括如何在网页中使用Bootstrap及其基本样式。第5章则围绕响应式布局方式展开，依次介绍了响应式布局的方式、布局元素以及Bootstrap中响应式布局的实现。第6章讲解Bootstrap组件设计，包括表单控件、导航及分页、消息提示、内置组件等。而第7章和第8章讲解响应式网页开发的一些应用实例，帮助读者加深对响应式网页开发技术的理解与认识。

本书提供了教学课件、源文件、工具、微课等教学资源，这些资源都可在人民邮电出版社教学服务与资源网上免费下载。在编写本书的过程中，编者充分考虑了初学者的特点，结合编者多年的Web前端相关的教学、开发、研究经验，精心设计教学案例，通过多个实例的讲解，力求循序渐进、深入浅出，让初学者易于接受。

Web前端开发技术是当今信息技术领域的一个热点，尤其响应式开发作为其中的新兴领域，大量新技术不断出现，由于作者水平有限，书中难免存在不足之处，敬请广大读者批评指正。

编者
2018年12月