本书简介
近几年前端领域持续火热，前端工程师的队伍不断扩大，前端开发技术也在飞速迭代。面对前端技术层出不穷，很多人选择了“基础+框架+原理+源码”的学习路线，把精力放在了钻研某个前端框架上，或者是探索某些技术的实现原理上。相比之下，大家对实战的关注和积累就少了很多。
笔者在工作中接触过不同类型、不同规模的项目，发现深挖前端技术原理对项目开发的帮助有限，反而是一些在实战过程中积累的经验和理解、甚至一些“非前端”的技术能帮我解决更多的困难。
笔者认为：工程师的价值是解决问题，在实战中领悟原理比背诵原理重要得多；优秀的前端工程师不能只盯着前端，还必须要有广阔的视野，善于从项目的角度去选择最合适的技术解决问题。
1.本书特色
（1）从零起步，技术新。
本书是从零开始讲起，循序渐进，对初学前端的新手非常友好，可以帮助读者快速掌握前端技术的原理、架构及实战应用。
本书介绍并使用了包括 ES6+、TypeScript、Vue.js 3 等大量的新技术，这些技术都是当前和未来的主流方向，可以保证本书内容长期不会过时。除新技术外，本书还介绍了大量的通用架构设计和解决问题的思想，这些思想不会随着技术更新而失去价值，它们是本书质量的保证。
在项目实战中，本书采用最新版本的 ES6+（ES2015 ~ ES2022）语法和 TypeScript 4.7 语法编写代码，框架则使用了 Vue.js (3.2)和 Vite(4.4)的组合，并且在版本不低于 16 的 Node.js 环境下运行，各方面都贴合当前主流技术的主流版本，读者可以放心学习。
（2）路径清晰，循序渐进。
初级开发者在学习完前端三驾马车和前端框架之后，基本可以满足日常的开发工作。但是在后期想要提升技术时，面对浩瀚如海的前端知识，却不知道该从哪里学起。本书会给前端开发者一个从初级到高级的清晰路径，让读者知道当前应该学什么，下一步应该学什么，哪些是重要的、哪些是无关紧要的，在确保学习方向正确的前提下，循序渐进地理解和掌握每一个知识点。
本书的前半部分主要介绍前端基础+框架，目的是打牢前端基础并学会使用框架完成工作。后半部分则重点介绍了浏览器、性能优化、Git 协作等知识，从多个方面扩展前端知识体系，让读者提升技术视野，培养解决复杂问题的能力。通过一本书帮助读者建立起前端知识结构体系。
（3）丰富的实战案例。
本书介绍了大量的实战案例，能让读者“动起来”，在实践中体会功能，而不只是一种概念上的理解。
在讲解每一个知识模块时，我们都在思考：在这个知识模块中，哪些是读者必须实现的“标准动作”（实例）；哪些“标准动作”是可以先完成的，以求让读者能快速有一个感知；哪些“标准动作”是有一定难度，需要放到后面完成的。读者在跟随书中一个个实例实践之后，再去理解那些抽象的概念和原理就水到渠成了。
本书没有大量晦涩难懂的理论和原理，更多的是从实战和解决问题的角度去梳理那些更重要的、更实用的前端知识体系；把实战过程中积累的思路、关键和要点总结起来，组成一份“实战宝典”送给大家。
（4）丰富的图片示例，理解原理和流程更容易。
一图胜千文，书中在涉及原理、流程、实战示例的地方都尽量配有插图，以便读者可以直观的看到或理解重要的内容。原理相关的配图我们不照搬文档，而是用更直白的方式自己画出来，让读者更容易理解；实战配图我们将关键步骤的结果以图展示，让读者看清楚实际的执行结果。
（5）完整的大项目，实现“从树木到森林”的突破。
第四部分的综合实战。我们用三章全栈开发一个“仿稀土掘金”项目。这个项目是对全书内容的综合应用，其复杂的设计、交互、逻辑可以帮助读者快速提升实战经验。
首先，我们介绍 Express 框架和 MongoDB 数据库，让读者对 API 开发有基本的认识；然后，编写项目的接口部分，并结合阿里云的 Serverless 函数计算将其部署上线。
项目的前端部分依然使用 Vue.js 3 全家桶开发，同时对接真实的 API 接口，最终完成一个完整的可交付的项目。在全栈开发项目的过程中，读者会逐渐将书中介绍的知识融会贯通。
（6）提供项目级的代码，可复用。
本书提供综合实战项目的完整配套代码。将书本内容同配套代码一起阅读，通过“代码+讲解”的方式降低学习难度，可以使读者对项目实战的理解和消化更透彻。
综合实战项目代码是一个规模较大、逻辑复杂的完整项目源码，包含前端和后端两套代码，并有完整的运行配置、部署配置等详细描述。读者拿到源码后不光可以学习本项目的实战内容，还可以将其先进的项目结构设计利用在其他项目上，当然你也可以复用这套代码全栈开发自己的项目。
2. 本书目标读者
本书读者对象如下：
◎ 初学前端的自学者； ◎ 培训机构的老师和学员；
◎ 对前端感兴趣的 IT 人员； ◎ 高等院校计算机相关专业学生；
◎ 3-5 年经验的前端工程师； ◎ 有中高级进阶需求的前端工程师；
◎ 带团队的前端负责人； ◎ 使用 JavaScript 的全栈工程师；
4. 致谢
感谢拿到这本书的你，通过文字建立交流本身就是一种缘分，感谢你的的阅读和支持。
同时也要感谢电子工业出版社的编辑吴宏伟老师，他的专业和严谨让我敬佩，也是他的鼓励助推了这本书的顺利完结。 尽管作者在本书写作期间尽可能追求严谨，但是仍然难免会有纰漏之处，欢迎广大读者批评指正，感谢大家。
欢迎各位读者订阅我的公众号 程序员成功，我会在这里分享本书的技能要点和其他有趣的技术。读者也可以通过公众号与我联系，将本书的不足之处反馈给我。
杨成功
2023 年 8 月