前言

前端从最初的单纯关注静态页面开发，逐步发展至框架、工具层出不穷的阶段，与诸多前端开发工程师付出的汗水和努力密不可分。在这个过程中，前端领域遇到了大量前所未有的问题，也随之涌现了各种各样的解决方案。经过这几年的井喷式发展，前端领域已经完成了能力上的补足：React、Angular、Vue等前端框架替换了传统的jQuery，研发的效率和质量得到了进一步提升；Less、Scss等扩展语言增强了CSS，开始支持函数、变量等功能；webpack、Rollup等工具赋予了工程打包能力，开发者不需要在与构建相关的工作上再投入大量的精力；React Native、Weex、Electron等跨平台方案让前端的能力辐射到客户端，突破了传统网页应用的定义……随着前端应用复杂度的提升，企业和个人对前端工程质量的诉求与以往也不可再同日而语。

本书第1章介绍前端的发展历史，讲述前端如何从后端中独立出来，并逐步走向工程化。第2章讲解在前端项目启动前需要做的准备工作。第3章介绍如何规范使用Git进行版本控制，从而有效提高多人协作的开发效率。第4章系统地介绍对代码质量进行工程化管理的方法。第5章从组件规范、目录结构、样式主题、国际化、组件测试、文档管理、构建打包及发布规范8个方面介绍高质量的组件是如何建设的。第6章介绍前端工程中测试环节涉及的内容。第7章介绍持续集成中保障质量的手段。第8章主要介绍如何部署稳定、高效的系统。第9章介绍性能监控、异常监控、白屏监控、卡顿监控及用户行为监控等常用的页面监控手段。第10章讲解请求监控的常用手段与识别以及防御爬虫的方法。第11章介绍资源保障的必要性和通用手段。第12章讲解webpack在打包构建中常用的优化手段。

读者可以访问https：//github.com/ShanaMaid/fe-project-quanlity获取本书示例的源码。

本书的完成需要感谢在各个方面给予我支持和帮助的人，感谢我的同事时允、李杨韬、吴浩麟，他们提出了很多宝贵的意见；感谢电子工业出版社博文视点的编辑张晶，她在编辑和审校本书期间提出了宝贵的意见；最后，特别感谢我的妻子苟媛媛陪伴着我，在我创作本书期间给予的宽容和支持。

如果你在阅读本书中遇到任何问题和疑惑，可以通过邮箱uestczeng＠gmail.com进行反馈。由于作者的水平有限，本书或多或少存在不足之处，欢迎广大读者批评指正。

最后，希望本书能够帮助读者建立属于自己的知识体系，在前端的道路上越走越稳，越走越顺，越走越远！

曾静益

2022年3月