面试题：说一说MVVM和MVC模式

已于 2022-04-16 10:25:22 修改
阅读量1.2k 收藏
点赞数
分类专栏： 笔记 文章标签： 架构 前端
于 2022-01-10 21:30:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50736511/article/details/122419510
版权

MVC

在这里插入图片描述
总结：也就是当界面发生数据的变化时同时c对数据进行操作，然后更新完的数据在显示在视图上，换句话说就是在Controller里面把Model的数据赋值给View

MVVC

在这里插入图片描述

也就是什么都是vm进行操作，v改变时通知vm，vm对数据发生改变，改变之后再由vm展现在界面上

为什么用MVVC不用MVC

1.数据绑定使得 Bug 很难被调试。你看到界面异常了，有可能是你 View 的代码有 Bug，也可能是 Model 的代码有问题。数据绑定使得一个位置的 Bug 被快速传递到别的位置，要定位原始出问题的地方就变得不那么容易了。
2.对于过大的项目，数据绑定需要花费更多的内存。
MVVM减少了dom的操作，可以更多的关注业务逻辑

3.低耦合性： 视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变

万事胜意sy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端常见面试题总结
weixin_69119939的博客
07-16 399
面试题持续更新
前端面试必备(3)MVC
qq_46368050的博客
06-07 209
前言📢📢前端面试题大全来啦,本文已收录于：《前端面试题大全》专栏此专栏目的在于，解决找工作中所有常见的前端面试题,助您找个好工作，每周持续更新中，欢迎免费订阅！！！​MVC是什么MVC模式的设计思想MVC是一种设计模式,所谓的设计模式就是我们在设计WEB开发过程中,总结出的一些套路,或者模板化的内容M代表的model模型V代表view视图controller控制器MVC的设计思想在于分层MVC是相互独立的,通过这样设计以后,我们就可以对他们进行单独处理,比如对于前端开发人员,他们只负责好前端视图展示就可..
前端常见面试题：mvc和mvvm
lucky_girl_girl的博客
02-14 958
MVC： m:model. v：view. c:control 用户操作—view(接收用户的输入操作)—control（用户逻辑处理）—model（数据model)—view(反馈给客户) mvvm m:model. v:view. vm:viewmodel 数据模型双向绑定原理。通过viewmodel控制。view负责接受反馈用户操作，model数据模型. 并且model和viewmodel是...
面试最新经典100题，图解，Jetpack-MVVM-高频提问和解答
最新发布
2401_83977554的博客
04-08 877
例如这里给了一个 MP4 的响应头，可以看到它是有来标记的，有此标记标识当前资源支持范围请求。
前端面试——框架
qq_21428081的博客
09-09 475
0.什么是MVVM？ （1）mvc 所有通信都是单向的：提交一次反馈一次，通信一次相互制约。MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。 视图（View）：用户界面。（传送指令到 Contro...
程序猿 MVC常规面试题
qq_38199336的博客
03-24 5601
1、阐述下MVC框架的机制，是如何工作的？ M-模型，MVC需要提供的数据源，负责数据的访问和维护。 V-视图，用于显示模型中数据的用户界面。 C-控制器，用来处理用户的输入，负责改变模型的状态并选择适当的视图来显示模型的数据。 2、ASP.NET和ASP.NET MVC的关系? MVC是在核心ASP.NET基础之上构建的，从mvc命名空间System.Web.Mvc就能看出，因为System.Web是Asp.NET的核心命名空间。 比如ASP.NET MVC依赖于HttpHandler，关于请求是怎么进
vue面试题之MVVM详解
weixin_42991716的博客
04-17 1445
一、MVVM是什么？ MVVM模式即 Model-View-ViewModel模式,MVVM是MVC的增强版,萌芽于2005年微软推出的基于window的用户界面框架WPF。 二、MVVM详解 Model层: 对应数据层的域模型（融合了行为和数据的域的对象模型）， 主要做域模型的同步。通过Ajax/fetch等API完成客户端和服务端业务Model的同步。在层间关系里，主要用于抽象出ViewModel中视图的Model。 View层： 作为视图模板存在，在整个MVVM里，整个View是一个动态模板。除
Vue——Vue简介、MVC与MVVM之间的区别（面试题）、条件渲染 (面试）、循环渲染(面试)、面试题/笔试题
qq_52301431的博客
08-30 1502
是阿里的尤雨溪出的框架Vue.js（读音 /vjuː/, 类似于 view）是目前最流行的一个框架，React是最流行的一个框架。Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。数据驱动 vue.js 数据驱动和组件化开发，轻量级一些，分层渐进式框架；spa React.js 数据驱动和组件化开发，灵活性很高，需要什么都得自己构建逻辑自己写;app Angular.js 数据驱动 1.0 ，加上了组件化开发2.0，重量级框架;大型企业OA办公。.......
MVC MVP MVVM面试题
07-05
MVC、MVP、MVVM面试题 MVC模型-view-controller（控制器）是一种软件架构模式，主要用于将应用程序分为三部分：模型、视图和控制器。该模式的主要目的是将业务逻辑和表示层分离，提高应用程序的可维护性和可扩展性...
前端面试题: 精选Vue面试题及答案.pdf
12-14
本资源总结了 Vue 面试题的知识点，涵盖了 Vue 的基本原理、双向数据绑定的原理、MVVM、MVC、MVP 等架构设计模式的区别等内容。 1. Vue 的基本原理 Vue 的基本原理是通过 Object.defineProperty() 或 Proxy 将数据...
面试题：react和vue的区别分析
01-19
react和vue是什么？...首先说下MVC，大家肯定也知道三大框架中的另外一个（anuglar）。 如果你写过angular那就肯定能很清楚的了解这个含义，看如下代码： <input ng-model=ball.basketball /> .contronller
经典面试题: 2021Vue经典面试题总结(含答案).pdf
12-14
Vue经典面试题总结 一、Vue基础 1. Vue的基本原理：当一个Vue实例创建时，Vue会遍历data中的属性，使用 Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问...
【vue面试题】这些都是常见的
04-23
什么是 mvvm？ MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据...mvvm 和 mvc 区别？ mvc 和 mvvm 其实区别并不大。都是一种设计思想。主要就是 mvc 中
MVC面试题
qq_63070675的博客
11-24 1247
AJAX 解决的问题就是“无刷新更新页面”，用传统的HTML 表单方式进行页面的更新时，每次都要将请求提交到服务器，服务器返回后再重绘界面，这样界面就会经历：提交→变白→重新显示这样一个过程，用户体验非常差，使用AJAX 则不会导致页面重新提交、刷新。JSON 与XML具有相同的特性，是一种数据存储格式，但是JSON相比XML 体积更小，传输速度更快，更易于人编写和阅读，更易于生成和解析。的每⼀个请求，都会分配给相应的控制器和对应的⾏为⽅法去处理，⽽在这些处理的前前后后如果想再加⼀些额外的逻辑处理。
前端面试题vue—(MVC、MVVM、MVP理解；组件通信)
Lniuniu的博客
12-14 1239
对MVC、MVVM、MVP的理解 Model: 模型层（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法，数据模型或业务模型，就是我们要显示给用户查看的内容） View: 视图层（渲染页面，用户直接看到的界面） Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑） MVC特点： MVC模式的特点在于实现关注点分离，即应用程序中的数据模型与业务和展...
vue 面试题 MVC,MVVM理解 框架和库的理解
m0_65730686的博客
07-11 193
MVVM理解 库和框架
Spring MVC面试题（总结最全面的面试题！！！）
小杰爱吃蛋的博客
12-21 1996
1.什么是Spring MVC框架 首先讲下什么是MVC框架，MVC是一种很流行的框架，通过把Model，View， Controller分离，把较为复杂的web应用分成逻辑清晰的几部分，是为了简化开发，减少出错。 Spring MVC是Spring下的一个子框架，他是基于Spring实现了MVC三层开发模 式，将web层进行解耦。 2.SpringMVC的工作流程？ （1）我发送一个请求至前端...
MVC和MVVM区别
热门推荐
qq_40007317的博客
06-09 1万+
1、MVC MVC是一种设计模式： M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据； V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的； C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。 2、MVVM vue框
mvvc mysql,MySQL 面试考点1
weixin_28323057的博客
03-17 117
1.索引下推 msql5.6的新特性，默认开启。 对联合索引中包含的字段先做出判断，直接过滤掉不符合条件的记录。减少回表操作。索引下推一般可用于所求查询字段(select列)不是/不全是联合索引的字段，查询条件为多条件查询且查询条件子句(where/order by)字段全是联合索引.select * from t_user where name like '张%' and is_del=1...
vue面试题-最全面试题
02-16
前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈 如果对原理感兴趣的同学 欢迎查看小编的手写 Vue 源码系列文章 如果对答案有不一样见解的同学欢迎评论区补充讨论 最后欢迎大家点击 链接 加入到鲨鱼哥的前端群 内推 讨论技术 摸鱼 求助 皆可 (进群免费领取 Vue2 源码思维导图哈) 整理不易 如果觉得本文有帮助 记得点赞三连哦 十分感谢！ 简单 1 MVC 和 MVVM 区别 MVC MVC 全名是 Model View Controller，是模型 (model)－视图(view)－控制器(controller) 的缩写，一种软件设计典范 Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据 View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的 Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据 MVC 的思想：一句话描述就是

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

万事胜意sy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值