关于javascript:带你入门前端工程开源了

这是一本对于前端工程化的小书（4W 字左右）。我的项目地址：

https://github.com/woai3c/int…

前端工程化，其实是软件工程在前端方面的利用。什么是软件工程？来看一下百度百科的定义：

软件工程是一门钻研用工程化办法构建和保护无效的、实用的和高质量的软件的学科

换句话说，工程化的目标就是为了晋升团队的开发效率。例如大家所相熟的构建打包、性能优化、自动化部署等常识，都属于工程化的内容。

我写这本小书的起因，是想对过来两年的工程化实践经验和学习心得做一个总结。心愿能全面地、系统地对前端工程化常识做一个总结。

小书大部分的内容都是以理论知识 + 代码示例 + 图片的形式来解说的，努力争取让读者更容易了解。另外还有小局部的章节在解说完理论知识后，还有相应的实际教程。例如前端监控这一节，在解说完前端监控原理后，将会教你如何利用现有的监控工具对我的项目履行监控。

可能有人会问，什么时候开始做工程化？我认为在需要评审阶段就能够做工程化了，依据需要选用适当的技术栈（技术选型），而后制订相干标准 …

在线拜访

• 拜访入口一
• 拜访入口二

目录

1. 技术选型：如何进行技术选型？
2. 对立标准：如何制订标准并利用工具保障标准被严格执行？
3. 前端组件化：什么是模块化、组件化？
4. 测试：如何写单元测试和 E2E（端到端）测试？
5. 构建工具：构建工具有哪些？都有哪些性能和劣势？
6. 自动化部署：如何利用 Jenkins、Github Actions 自动化部署我的项目？
7. 前端监控：解说前端监控原理及如何利用 sentry 对我的项目履行监控。
8. 性能优化（一）：如何检测网站性能？有哪些实用的性能优化规定？
9. 性能优化（二）：如何检测网站性能？有哪些实用的性能优化规定？
10. 重构：为什么做重构？重构有哪些手法？
11. 微服务：微服务是什么？如何搭建微服务项目？
12. Severless：Severless 是什么？如何应用 Severless？
13. 参考资料

微服务、Severless 按理说不属于工程化的内容，但从晋升开发效率的角度来看，也能够归纳到这一范畴。

目录的程序是以一个我的项目的生命周期来调配的：

1. 接到新需要，进行需要评审后依据具体情况做技术选型。
2. 开发前须要对立标准。
3. 学会模块化、组件化，对于写代码很有益处。
4. 开发完，须要对代码进行测试。
5. 构建打包。
6. 部署上线。
7. 对我的项目进行监控，随时发现问题。
8. 依据我的项目运行状况决定是否要做性能优化。
9. 我的项目越来越简单，须要重构以进步可维护性。
10. 我的项目越来越大，能够思考是否用微服务对其进行拆分（或者应用 git submodule 和 monorepo 的形式治理我的项目）。
11. 不想本人治理服务器或数据库，能够思考应用 Serverless。

留神

本书的定位是 入门 级教程，次要对前端能接触到的工程常识做一个较全面的介绍。适宜对前端工程化不理解或理解得不多的“菜鸟”同学。如果你是个“老鸟”，那本书可能不太适宜你。

另外，倡议读者在浏览本书时，可能配合书本的实际局部去做实际。如果读者可能严格依照批示去做实际，在浏览完本书后，不仅会播种前端工程化的理论知识，还会取得对应的实践经验。

你会学到什么？

• 对前端工程化有一个全面、清晰的理解
• 为架构师之路打下扎实的根底

合适人群

• 想学习工程化的前端
• 具备根底的 HTML、CSS、JavaScript 常识

License

MIT