前言
PREFACE

互联网时代，前端无处不在。本书主要针对想进入前端开发行业及已在前端圈工作想进一步提高技能而系统地学习前端知识体系的读者设置，扎实的理论基础+丰富的实战案例+大厂规范+全局架构思维+复杂企业项目，系统培养大厂P7技术专家和中小厂前端领导者。

前端工程师的成长之路离不开扎实的技能、实践项目的经验积累、不断总结与全新的架构思想。前端技术的研究已是一种趋势，它已经成形，这也就是这本书真正的意义。项目实战贯穿全书，帮助前端工程师提升企业级实践技能。

全书共分为5个阶段，共18章。每个阶段的连贯性不强，读者可根据自己的需求有选择地阅读。

第一阶段　走进前端之HTML5+CSS3（第1～6章）：内容涉及大前端概述、HTML、CSS、H5、CSS3新特性和小米官网项目。

第二阶段　探索JavaScript的奥秘（第7、8章）：内容涉及JavaScript从入门到高级的全面讲解。

第三阶段　PC端整栈开发（第9～11章）：内容涉及jQuery框架、Bootstrap框架及蓝莓派音乐社区项目。

第四阶段　ES6+Node.js+工程化（第12～14章）：内容涉及ES6语法、Node.js开发、工程化工具Webpack的使用。

第五阶段　Vue技术栈（第15～18章）：内容涉及Vue核心基础、Vue企业化实战项目。

互联网上不缺学习资料，但是大部分资料不全面、不系统，往往对初学者不友好，而本书刚好就可以解决这些问题，相信读者能从书中收获良多。本书的概貌如下页图所示。针对大前端学习的温馨提示：

（1）前端学习以培养兴趣为主，不要过于追求深层理解。

（2）前端学习不能靠死记硬背，要多编写代码、多做项目。

（3）不要急于求成，踏实积累才是硬道理。

本书的讲解理念如下图所示。

读者定位

初、中级前端开发者，渴望了解前端知识整体脉络的程序员及希望突破瓶颈进一步提升的工程师。

配套教学资源

（1）开发参考手册、面试题。

（2）一套完整的教学精简版PPT。

（3）资料（素材、思维导图）及源程序。

（4）3个企业级实战项目的视频讲解。

本书特色

采用工程化和体系化的设计思想，以循序渐进和深入浅出的方式系统地讲解前端知识。在重构基础知识方面，本书将标准规范和实践代码相结合。在培养进阶技能方面，本书深度剖析了技术背后的原理。书中设计了很多经典综合实战案例，不仅能帮助初级开发者夯实基础，还能为中、高级开发者突破瓶颈提供帮助和启发。3个企业级项目带领读者入门，助力读者职场晋升；帮助读者快速提升技能，勇闯江湖！

（1）思维导图引导学习。

（2）扎实的理论基础+丰富的实战案例+大厂规范+全局架构思维+复杂企业项目。

（3）书中包含了作者大量的实践经验，将知识系统化，浓缩为精华，用通俗易懂的语言直指前端开发者的痛点。

本书勘误

由于编者水平有限，书中难免存在疏漏，诚恳地希望读者批评指正，同时也十分欢迎广大读者给予宝贵建议。

致谢

感谢清华大学出版社赵佳霓编辑一直以来给予的帮助和支持，并提出很多中肯的建议。同时，还要感谢清华大学出版社的所有编审人员为本书的出版所付出的辛勤劳动。本书的成功出版是大家共同努力的结果，谢谢大家。

编者

2023年1月