1. 架构设计分层:
(1). 系统架构:
- 应用场景: a. 应用在整个系统内,如与后台服务如何通信,与第三方系统如何集成.
- 前提条件: a. 了解前端系统与其它系统间的关系,包括业务关系和协作机制. b. 了解后端系统,需要规定与后台数据传递的机制,包括: (1). api设计规范 (2). 访问授权的一个开放标准(OAuth)跳转token的验证 (3). 数据传递cookie等. c. 了解前后端关系,如前后端分离的架构设计
- 前后端分离的架构设计: a. 指的是如何实施技术决策. b. 包括: (1). 用户鉴权 (2). API接口管理和设计、API文档管理 (3). Mock的使用 (4). BFF(服务于前端的后端、node.js) (5). 是否需要服务端渲染 (6). 应用间的分层 (7). 软件的性能优化 (8). 代码的拆分 (9). 项目的管理等
(2). 应用级架构:
- 应用场景: a. 应用级架构可以看作系统级架构的细化. b. 单个应用与其它外部应用的关系,微服务架构下多个应用的协作、数据交换等: (1). 比如一个微前端子应用与其它子应用的交互 (2). 或者单一的子应用与主应用数据交换
- 应用级架构设计的形式: a. 应用间的脚手架：用于整体应用、项目的生成 b. 模式库：Utils方法库、UI库 c. 设计系统：整体应用级架构内部的功能实现、与外部的信息交互等
(3). 模块级架构:
- 应用场景: a. 开始业务编码之前进行的设计,称为迭代过程
(4). 代码级架构:
- 规范与原则: a. 规范: (1). eslint、stylelint、htmllint b. 软件的设计原则、设计模式
- 开发流程
- 代码质量: a. 代码可维护性、可扩展性 b. 简单代码可维护性高,越是抽象代码越难以维护