前言

Web前端技术指HTML、CSS、JavaScript以及这些技术衍生的各种技术、框架、解决方案，主要用于实现互联网产品的用户界面交互。

前端技术的发展是互联网自身发展变化的一个缩影。在Web 1.0时代，由于网速和终端能力的限制，大部分网站只能呈现简单的图文信息，并不能满足用户对界面的需求。随着硬件的完善、高性能浏览器的出现和宽带的普及，前端技术领域迸发出非常旺盛的生命力。尤其是最近几年，移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5、Node.js得到广泛应用，各类框架类库层出不穷。前端开发技术的要素也演变成为现今的HTML5、CSS3、jQuery。

Web前端开发工程师是一个新职业，既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。本书正是为满足应用型软件人才培养过程中对前端开发工程师的知识和技术需求而编写的。

本书分为两大部分。第一部分（第1～6章）是Web基础：第1、2章介绍HTML基础和HTML高级应用；第3章介绍CSS基础语法，并结合实例讲解框模型与背景、文本格式化、表格、显示与定位等样式；第4、5章介绍JavaScript基础语法、DOM、常用内置对象、事件处理等知识，结合大量实例讲解运用JavaScript实现页面特效；还介绍了正则表达式；第6章讲解轻量级JavaScript库jQuery，包括jQuery选择器、jQuery HTML操作、jQuery事件、jQuery特效、jQuery遍历。第二部分（第7～10章）是Web进阶：第7章围绕HTML5新技术，讲解HTML5新特性、File API、拖放、Canvas API、SVG、音频和视频、Geolocation API、Communication API、WebSockets API、WebWorkers API、Web Storage API、离线Web应用；第8章讲解最新的层叠样式表CSS3，结合实例讲解字体、动画、过渡、2D/3D转换、多列布局等；第9章介绍Ajax原理、实现与jQuery Ajax；第10章介绍轻量级的文本数据交换格式JSON，以及从前台到后台的完整实例。

本书在内容选择、深度把握上充分考虑初学者的特点，内容安排上力求做到循序渐进。每章都配备了大量的实例，方便读者阅读、调试和运行，并辅助读者更好地理解所学内容。同时，每章都配有相应的习题，重点部分包含配套的实验，使读者加深印象、学以致用。本书不仅适合应用型本科院校相关专业Web应用开发的课程教学，也可以作为高职高专院校相关专业的教材，或者作为Web应用程序开发人员的参考用书。

由于作者水平有限，书中难免存在不足之处，敬请各位专家、老师和读者批评指正。

作者

2018年9月