前言

随着互联网技术的发展，前端开发技术也在不断地迭代更新。现在的前端开发已不再是简单的网页制作，而是融合了多种技术。网页不仅要求展示页面内容，还要有页面交互、良好的用户体验以及跨终端的适配兼容。前端已成为连接用户与数字世界的核心桥梁。从简单的静态网页到复杂的单页应用（SPA），再到跨平台移动端解决方案，前端技术的演进不仅重塑了互联网产品的交互体验，更推动了整个软件开发范式的变革。本书以HTML、CSS、JavaScript三大基础技术为起点，结合现代前端框架Vue，旨在为读者提供一套前端开发的基础知识体系。

本书从初学者的视角系统构建前端开发技术知识体系。严格对标IT行业对开发者的能力标准，以软件工程规范为框架，将前端开发基础知识点进行模块化重组，形成符合工程逻辑的教学单元。课程内容采用“需求导向”的编排方式，实现技术学习与工程实践的无缝衔接。通过丰富的实战案例与渐进式训练，重点培养读者的工程化思维和项目开发能力。本书既可以作为计算机类专业各层次学生的教材，也可以作为前端开发者的参考用书。

全书共8章，围绕Web标准三大关键技术展开，结构完整，脉络清晰，涵盖前端开发的必备基础知识和技能，讲解由浅入深，通俗易懂。第1章介绍Web相关概念、工作原理和前端开发技术；第2章介绍HTML基础，包括HTML广泛使用的文本段落、列表、超链接、图像、表格和表单等常用标签及其属性，是全书的基础；第3章是CSS基础，包括CSS的概念、用法、选择符、盒子模型以及常用的样式设置、CSS布局与常用页面布局方式；第4章介绍HTML5和CSS3的新增特性和用法；第5章介绍JavaScript基础，包括JavaScript脚本的语法、流程控制、函数、对象、事件处理以及DOM节点操作；第6章介绍jQuery应用，包括jQuery选择器、DOM操作、jQuery事件、动画；第7章介绍Vue基础，包括Vue概述、指令、计算属性和数据监听、样式绑定；第8章介绍Vue高级应用，包括组件、过渡、动画、渲染函数、Vue路由、状态管理和Vue CLI。

本书具有以下特点： 

（1） 遵照教育部高等学校计算机类及相关专业教学指导委员会制定的培养目标和培养方案，合理安排前端开发技术的知识体系。

（2） 内容全面系统，结构合理，易学易用。知识点覆盖了HTML、CSS、JavaScript、jQuery、Vue等主要内容，满足前端开发基础学习的需求。案例源码通用性强，便于读者应用于前端开发中。

（3） 注重理论和实践的结合，实例丰富实用。结合知识内容层层推进，丰富的实例有助于读者对知识点的理解和掌握。贯穿全书的综合案例以“班级网站”的建设为主线，将知识点有机地串联在一起，有利于提高学生的实践能力，启发创新意识。

（4） 配套资源丰富。本书提供了教学大纲、教学课件、实例源码、综合案例源码、习题及答案，同时还配套重难点内容的微课视频，方便读者把握各章知识点。

本书由安兴亚、关玉欣、谢秀兰和李雷孝共同编写。其中,安兴亚编写了第4、5、7章并统稿，关玉欣编写了第2、3、8章，谢秀兰编写了第1章，李雷孝编写了第6章。安兴亚和关玉欣共同编写了综合案例和各章习题。在本书的编写过程中，吸取了国内外优秀教材的精髓，对这些作者表示由衷的感谢。在本书的出版过程中，得到了清华大学出版社的大力支持, 在此表示诚挚的感谢。

由于作者水平有限，书中难免有不妥和疏漏之处，恳请各位专家、同仁和读者不吝赐教和批评指正，并与作者讨论。

作者

2025年8月