这是一本关于前端工程的小书（约4W字）。项目地址：https://github.com/woai3c/int...前端工程其实就是软件工程在前端的应用。什么是软件工程？看看百度百科的定义：软件工程是研究用工程方法构建和维护有效、实用、高质量软件的学科。也就是说，工程化的目的是提高团队的开发效率。比如熟悉的构建打包、性能优化、自动化部署等知识，都是工程内容。之所以写这本小书，是为了总结近两年的工程实践经验和学习心得。希望对前端工程知识做一个全面系统的总结。本书大部分内容以理论知识+代码示例+图片的形式进行讲解，力图让读者更容易理解。此外，还有少量章节在讲解完理论知识后，有相应的实战教程。比如前端监控这一节，在讲解了前端监控的原理之后，会教大家如何使用已有的监控工具来监控项目。可能有人会问，你什么时候开始做工程的？我觉得工程化可以在requirementreview阶段做，根据需求选择合适的技术栈（技术选型），然后制定相关规范...在线访问访问入口1访问入口2目录技术选择：如何选择技术类型？统一规范：如何制定规范和使用工具，确保规范得到严格执行？前端组件化：什么是模块化和组件化？测试：如何编写单元测试和E2E（端到端）测试？构建工具：什么是构建工具？有什么特点和优势？自动化部署：如何使用Jenkins和GithubActions实现项目自动化部署？前端监控：讲解前端监控的原理，以及如何使用sentry对项目进行监控。性能优化（一）：如何检测网站性能？有哪些实用的性能优化规则？性能优化（二）：如何检测网站性能？有哪些实用的性能优化规则？重构：为什么要重构？重构的方法有哪些？微服务：什么是微服务？如何构建微服务项目？无服务器：什么是无服务器？如何使用无服务器？ReferencesMicroservices和Severless在逻辑上不属于工程内容，但是从提高开发效率的角度来看，也可以包含在这个范围内。目录的顺序是根据一个项目的生命周期来分配的：在接到一个新的需求后，需求评审后根据具体情况进行技术选择。开发前需要统一规范。学习模块化和组件化，对写代码很有好处。开发完成后，需要对代码进行测试。构建包。部署并上线。监控项目，随时发现问题。根据项目运行情况决定是否做性能优化。项目变得越来越复杂，需要重构以提高可维护性。项目越来越大，可以考虑要不要用微服务拆分（或者用gitsubmodule和monorepo来管理项目）。如果您不想自己管理服务器或数据库，请考虑使用Serverless。注意，本书定位为入门级教程，主要是对前端可以接触到的工程知识进行更全面的介绍。适合对前端工程一窍不通或不太了解的“菜鸟”同学。如果你是一个“老鸟”，这本书可能不适合你。另外，建议读者在阅读本书时可以配合本书的实践部分进行练习。读者若能严格按照说明进行实践，阅读本书后，不仅能获得前端工程的理论知识，还能获得相应的实践经验。whatwillyoulearn对前端工程有全面清晰的认识为架构师的职业生涯打下坚实的基础适合想学习工程前端的人具备基本的HTML、CSS、JavaScript知识LicenseMIT
