手撕项目、技术选型 | 2024 前端 实习 八股 手撕项目 技术选型 经典 3 题 | MVVM、MVC、MVP、Vue、React、Echarts、chart、架构设计、数据可视化

1. 架构模式的选择

主要概念：MVVM、MVP、MVC、常用设计模式。

（1）MVC

最常见的客户端软件架构之一——MVC，历史悠久。

MVC全称为Model View Controller，分别为模型、视图、控制器。

MVC也是一种将业务逻辑、数据、和界面显示相分离的一种组织代码的方法。

Model层负责数据的管理、操作，与数据库连接；

View层负责展示界面&与用户交互；

Controller层负责业务逻辑。

将业务逻辑聚集到一个部件中，这样在改进界面时，不用重新编写业务逻辑。

Controller用于控制Model的读取、存储，以及如何在View展示数据、更新数据。

MVC的特点：

View和Model之间的通信是单向的（意思是Model可以传信息到View，但是View不能传信息到Model吗？），以Controller作为桥梁。

信息传递过程：View传送指令到Controller（例如input，或点击） -> Controller完成业务逻辑 –> Controller要求Model改变状态 -> Model将新数据发送到View。

如图：