前端小白如何理解mvc mvp mvvm

news2024/11/24 19:51:57

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

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

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

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

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思想的体现。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1557858.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

政安晨:【Keras机器学习实践要点】(十)—— 自定义保存和序列化

目录 导言 涵盖的API Setup 状态保存自定义 构建和编译保存自定义 结论 政安晨的个人主页:政安晨 欢迎 👍点赞✍评论⭐收藏 收录专栏: TensorFlow与Keras机器学习实战 希望政安晨的博客能够对您有所裨益,如有不足之处,欢迎在…

2024年京东云主机租用价格_京东云服务器优惠价格表

2024年京东云服务器优惠价格表,轻量云主机优惠价格5.8元1个月、轻量云主机2C2G3M价格50元一年、196元三年,2C4G5M轻量云主机165元一年,4核8G5M云主机880元一年,游戏联机服务器4C16G配置26元1个月、4C32G价格65元1个月、8核32G费用…

速腾聚创上市后首份财报:冲击年销百万台,押注人形机器人

作者 |老缅 编辑 |德新 港股「激光雷达第一股」速腾聚创,交出了上市后的首份业绩报告。 3月27日,速腾聚创发布了2023年度财报。 报告期内,公司迎来高速的业务增长——2023年总收入达到人民币11.2亿元,同比增长达到111.2%。这主…

Artplayer视频JSON解析播放器源码|支持弹幕|json数据模式

全开源Artplayer播放器视频解析源码,支持两种返回模式:网页播放模式、json数据模式,json数据模式支持限制ip每分钟访问次数UA限制key密钥,也可理解为防盗链 ,本播放器带弹幕库。 运行环境 推荐使用PHP8.0 redis扩展…

书生 浦语大模型全链路开源体系

通用大模型成为发展通用人工智能的重要途径 书生 浦语大模型的开源历程 书生 浦语 2.0体系,面向不同的使用需求,每个规格包含三个模型版本,(7B、20B)InternLM2-Base、InternLM2、InternLM2-Chat。 大模型是回归语言建…

前缀树/字典树Trie

目录 一、Trie的数据结构 二、代码示例 一、Trie的数据结构 Tire通常包括: 1.root节点(根节点):插入、查找、删除、遍历等操作从root节点开始. 2.flag:结束标志true/false,用于表示当前节点是否为一个完整的字符串的结尾. 3.ke…

第几个幸运数字(蓝桥杯)

文章目录 第几个幸运数字题目描述答案:1905生成法C代码代码详细注释代码思路解释 第几个幸运数字 题目描述 本题为填空题,只需要算出结果后,在代码中使用输出语句将所填结果输出即可。 到x星球旅行的游客都被发给一个整数,作为…

软考高级架构师:信息安全保护等级

作者:明明如月学长, CSDN 博客专家,大厂高级 Java 工程师,《性能优化方法论》作者、《解锁大厂思维:剖析《阿里巴巴Java开发手册》》、《再学经典:《Effective Java》独家解析》专栏作者。 热门文章推荐&am…

二十四种设计模式与六大设计原则(三):【装饰模式、迭代器模式、组合模式、观察者模式、责任链模式、访问者模式】的定义、举例说明、核心思想、适用场景和优缺点

接上次博客:二十四种设计模式与六大设计原则(二):【门面模式、适配器模式、模板方法模式、建造者模式、桥梁模式、命令模式】的定义、举例说明、核心思想、适用场景和优缺点-CSDN博客 目录 装饰模式【Decorator Pattern】 定义…

Android MediaPlayer

MediaPlayer 类是媒体框架最重要的组成部分之一。此类的对象能够获取、解码以及播放音频和视频,而且只需极少量设置。它支持多种不同的媒体源,例如: • 本地资源 • 内部 URI,例如您可能从内容解析器那获取的 URI • 外部网址…

idea从零开发Android 安卓 (超详细)

首先把所有的要准备的说明一下 idea 2023.1 什么版本也都可以操作都是差不多的 gradle 8.7 什么版本也都可以操作都是差不多的 Android SDK 34KPI 下载地址: AndroidDevTools - Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载 …

智慧水利中数据可视化的关键作用

在当今这个数据驱动的时代,数据可视化已成为转化复杂数据集为易于理解的视觉格式的关键技术,它在智慧水利领域的应用尤为显著。智慧水利利用现代信息技术,整合水资源管理的各个方面,旨在提高水资源的使用效率和管理效能。数据可视…

Linux基础篇:VMware虚拟机3种常用的网络模式介绍

VMware虚拟机3种常用的网络模式介绍 VMware虚拟机提供了几种不同的网络连接模式,以满足不同场景下的网络需求。以下是VMware虚拟机的三种主要网络模式: 1.桥接模式(Bridged Mode)网卡名称VMnet0 桥接模式允许虚拟机直接连接到物…

Linux——将云服务器作为跳板机,frp实现内网穿透

文章目录 操作步骤1. 准备工作:2. 配置frp服务器端:3. 配置frp客户端:4. 启动frp客户端:5. 测试连接:6. 安全注意事项: 云服务器性能分析阿里云具体操作步骤1. 购买:2. 登录:3. 首次…

Transformer论文阅读

Transformer论文阅读 摘要结论1 Introduction (导言)2 Background3 Model Architecture3.1 Encoder and Decoder StacksEncoderLayer NormDecoder 3.2 Attention3.2.1 Scaled Dot-Product Attention3.2.2 Scaled Dot-Product Attention3.2.3 Application…

HAProxy + Vitess负载均衡

一、环境搭建 Vitess环境搭建: 具体vitess安装不再赘述,主要是需要启动3个vtgate(官方推荐vtgate和vtablet数量一致) 操作: 在vitess/examples/common/scripts目录中,修改vtgate-up.sh文件,…

嵌入式Qt 布局管理器QBoxLayout

一.存在问题 二.布局管理器 三.布局接口函数的使用 TestBtn1.setText("Test Button 1"); TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding); TestBtn1.setMinimumSize(160, 30); 使用setSizePolicy,那么 TestBtn1按钮 就会随着…

TypseScript再学习之类型别名和接口(10)

先看类型别名:使用关键字 type 声明,注意有等于号额 // 类型别名 使用关键字 type 声明,注意有等于号额 type Cat {name: string; }; let huahua: Cat {name: "花花", };type和interface不同之处在于:interface 是可以自动合并类型的&#…

源支付V7开源版2.99,修复各种提示错误

源支付V7开源版2.99,修复各种提示错误 加密说明:200拿来的,只有8.1这个文件加密,其他文件无任何加密,已修复各种提示错误 测试其他开源版安装提示错误,有几个文件是加密的 注:开发不易&#…

基于stm32的h5新建工程

目录 基于stm32的h5新建工程前言实验目的原理图部分搭建工程引脚配置界面:时钟配置界面工程选项卡: 编写代码实现点灯本文中使用的测试工程 基于stm32的h5新建工程 本文目标:基于stm32的基础实验 按照本文的描述,应该可以跑通实…