前端小白如何理解mvc mvp mvvm

架构、框架、设计模式是都是啥?

架构抽象出来不同组织或者对象亦或是简单组件,根据需求和各个单元的功能,进行组合排列。 从而完成系统的运行或者是实现目标。

框架使用什么样的规则,什么样的开发语言,或者使用什么样模型。

设计模式解决某一类问题的基本思路,或者是基本方法。

MV + C/P/VM是啥?

model: 模型,用来展示或者存放的数据。
view: 视图,用来显示界面用户交互面。
c: control 控制器, 用来接受用户操作信息或者指令信息,并且负责将信息转化数据
p: presenter ,单词的含义是主持人。我愿意理解为 “住持” ,作为一个系统寺庙的住持,它要负责接受信息,处理信息,发布信息。
vm: 视图模型
流程图介绍三种设计模式
mvc:
在这里插入图片描述
用户操作视图,发生改变通知控制器,控制更新数据,模型接受新数据,发给视图展示。例如:计算器,输入1 + 1, 计算后等于2,计算器显示了2.
mvp:
在这里插入图片描述

用户操作视图,发生改变通知住持,住持处理更新数据,模型接受新数据,发给住持,住持更新视图。

== 我们可以看到从这里开始,视图和模型直接不能直接通信了,这个思想也被mvvm模型借鉴==
mvvm
在这里插入图片描述

mvvm的视图和视图模型是双向数据绑定,他们彼此的变化不需要在单独处理而是响应式。其他的和mvp一样。
mvvm 软件设计思想 在react vue angular 前端框架都有体现。

tips: 在整个IT行业,一个公司it部门分为前端,action层,service层,是不是也是mvp思想的体现。

相关推荐

  1. 前端年度总结

    2024-04-02 18:50:02       25 阅读
  2. 前端入门试题——附答案

    2024-04-02 18:50:02       23 阅读
  3. 前端学习Vue框架(二)

    2024-04-02 18:50:02       6 阅读
  4. 如何快速入门计算机视觉?

    2024-04-02 18:50:02       10 阅读
  5. 如何,到掌握Python

    2024-04-02 18:50:02       7 阅读
  6. 理解GPT的“微调“(fine-tuning)

    2024-04-02 18:50:02       29 阅读

最近更新

  1. leetcode705-Design HashSet

    2024-04-02 18:50:02       8 阅读
  2. Unity发布webgl之后打开streamingAssets中的html文件

    2024-04-02 18:50:02       8 阅读
  3. vue3、vue2中nextTick源码解析

    2024-04-02 18:50:02       8 阅读
  4. 高级IO——React服务器简单实现

    2024-04-02 18:50:02       8 阅读
  5. 将图片数据转换为张量(Go并发处理)

    2024-04-02 18:50:02       7 阅读
  6. go第三方库go.uber.org介绍

    2024-04-02 18:50:02       8 阅读
  7. 前后端AES对称加密 前端TS 后端Go

    2024-04-02 18:50:02       9 阅读

热门阅读

  1. MATLAB如何批量更改文件名

    2024-04-02 18:50:02       4 阅读
  2. 人工智能的实现流程

    2024-04-02 18:50:02       3 阅读
  3. Webshell网络安全应急响应概述

    2024-04-02 18:50:02       6 阅读
  4. Linux关机命令

    2024-04-02 18:50:02       3 阅读
  5. 冥想第一千一百一十七天

    2024-04-02 18:50:02       4 阅读
  6. 在linux上设置nginx上自动启动

    2024-04-02 18:50:02       4 阅读
  7. 第一章设计模式概述

    2024-04-02 18:50:02       3 阅读
  8. 介绍几个AI相关的工具

    2024-04-02 18:50:02       4 阅读