前端架构：从入门到微前端【个人解析】

本篇文章是阅读黄峰达的《前端架构：从入门到微前端》的一些记录和读后感，更新中....

一、关于前端架构

1.1 什么是软件架构

软件架构指的是软件系统的高级结构，以及创建这种结构的约束。软件系统的架构是一种隐喻，类似于建筑物的体系结构。它作为系统和开发项目的蓝图，列出了设计团队必须执行的任务。

1.2 架构的设计

1.2-1 设计流程

1.收集需求
2.与相应的技术进行探讨
3.寻找可行的技术方案
4.整理出功能性需求和跨功能性需求
5.找出严重影响开发需求的风险点
6.反复确认方案
7.对架构设计进行概念说明
8.细化架构部分实施细节
9.排期

1.2-2 明确夸功能需求

1.可用性（在一段时间内，系统能够正常运行的概率）

2.可维护性

3.可变性，在未来，应用的哪些地方会发生变化？是否需要提前做好准备？

4.容错性，系统中可能会出现哪些故障？如何确保这些故障不会让系统无法运行？

5.可伸缩性：当更大规模的用户使用系统时，哪些服务会出现问题？

6.浏览器的支持范围：明确指出我们要针对哪些浏览器，以及浏览器的哪些版本做兼容。

7.移动端设备支持的版本：常见的设备如Android和iOS，设备最低的支持版本，以及支持哪些设备制造商。

1.2-3 罗列技术风险点

1.技术风险

2.第三方系统集成

3.受限制的线上运行环境

4.额外的需求导致的技术膨胀

1.2-3 生成架构图

它包含了系统的整体架构，用于显示地告诉开发人员，它们是如何构成整个系统的࿰