今天我们讲讲历史,讲讲故事,不扯高深术语。

MV*表示的意思是:M(Model逻辑层) + View(视图层) + *(中间者)。上帝提出了这个逻辑与视图分离,用中间者进行连接的伟大思想,并将实现这个思想的艰巨任务安排给人间。

人们纷纷跃跃欲试,想率先实现上帝布置的任务。随着历史的推移,不同时期先后出现了三个著名的中间者,他们依次是ControlerPresenterViewModel

Controler是第一个吃螃蟹的小伙子,昵称叫控制者。它与MV结合并自命名为MVC模式。它生平最大的贡献是能把视图层View的数据写进逻辑层Model,但是很可惜,View不是通过它来读取Model的数据,而是跳过它,直接读取Model的数据。被“选择性无视”的Controler大失颜面,这件事也让它经常被后世取笑。

上帝很赞赏Controler的勇气,但看着MVC这上下都不对称的数据读写方式,感觉有些哭笑不得,显然对Controler不是很满意。

另外一个叫Presenter的小伙站了出来,他身材健硕,力大无穷。只见他自告奋勇地说:“我是Presenter,中文名叫主持人,以后视图层和逻辑层他们之间的通信交给我来主持!”。

于是一个新的模式出现了---MVP模式

这个模式看起来非常不错,在试行了一段时间后,上帝也感觉非常满意,它不仅对称,还隔离了Model和View,与前辈Controler那种半中间者不同,Presenter是一个真正意义上完全体的中间者!

但令人没有想到的是,好景不长,一段时间后Presenter突然暴毙,死因:过度劳累

人们开始反思MVP模式存在的问题,虽然它隔离了Model和View,但是Presenter总是需要手动去帮助Model和View完成通信,是个“手动挡”,时间一长,Presenter里面的业务逻辑越来越重,终于有一天它不堪重负倒下了。

还能再选一个Presenter吗?显然不能,如此繁重的需要手动完成的活儿,选上去了就是等死啊,太累了,没人想干。

不过江山代有人才出,人类的智慧真是无穷无尽,有一天一个看起来弱不禁风的小姑娘站了出来,她说道:“我叫ViewModel,也许我可以一试”。

民众纷纷瞪大了双眼,联想到强壮如牛的Presenter都死得这么惨,这个看起来弱不禁风,身体几乎透明的小女子,能承担这样繁重的任务吗?

小女子说道:“我有三件法宝,分别唤作Angular,React和Vue,它们个个充满魔力,不需要手动来回处理View和Model之间的那些琐碎破事,它是自动完成的,用上它,你们甚至感觉不到我的存在,我就是这么6,大道至简,一个真正完美的中间者可以让人几乎忘却它的存在。”

民众一片哗然。

这,就是MVVM,它带来了一个全新的理念:自动双向绑定

一时间,全民欢腾,上帝也大为满意,ViewModel的拥护者迅速增长,并迅速影响到全世界。

她是最好的中间者吗?不知道,至少从目前来看,她是。

《茶余饭后小故事》MV*、MVC、MVP、MVVM的前世今生的更多相关文章

  1. Android App的设计架构:MVC,MVP,MVVM与架构AAAAA

    1. 架构设计的目的1.1 通过设计使程序模块化,做到模块内部的高聚合和模块之间的低耦合.1.2 这样做的好处是使得程序在开发的过程中,开发人员只需要专注于一点,提高程序开发的效率,并且更容易进行后续 ...

  2. Android App的设计架构:MVC,MVP,MVVM与架构经验谈

    相关:http://www.cnblogs.com/wytiger/p/5996876.html 和MVC框架模式一样,Model模型处理数据代码不变在Android的App开发中,很多人经常会头疼于 ...

  3. 前端mvc mvp mvvm 架构介绍(vue重构项目一)

    首先 我们为什么重构这个项目 1:我们现有的技术是前后台不分离,页面上采用esayUI+jq构成的单页面,每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定,即使你找到了那个页面元素,也找不到所在的 ...

  4. 浅析前端开发中的 MVC/MVP/MVVM 模式

    MVC,MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern),它通过分离关注点来改进代码的组织方式.不同于设计模式(Design Pattern),只是为了解决一类 ...

  5. MVC, MVP, MVVM比较以及区别(上)

    MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...

  6. android MVC && MVP && MVVM分析和对比

    相关:http://www.cnblogs.com/wytiger/p/5305087.html 出处http://blog.csdn.net/self_study,对技术感兴趣的同鞋加群544645 ...

  7. MVC, MVP, MVVM比较以及区别

    MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式.以前只是对它们有部分的了解,没有深入的研究过,对于一些里面的概念和区别也是一知半解.现在一边查资料,并结合自己的理解,来谈一下 ...

  8. [1] MVC & MVP &MVVM

    开发架构之MVC & MVP & MVVM  

  9. [转]MVVM架构~mvc,mvp,mvvm大话开篇

    MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/Presenter负责逻辑的处理,Model提供数据,View负 责显示.作为一种新的模式,MVP与MVC有着一 ...

  10. 用户界面编程模式 MVC MVP MVVM

    用户界面编程模式 MVC MVP MVVM 程序 = 数据 + 算法 数据:就是待处理的东西 算法:就是代码 涉及到人机交互的程序,不可避免涉及到界面和界面上显示的数据原始方式是界面代码和逻辑代码糅合 ...

随机推荐

  1. 命令行下使用RAR和7-Zip压缩数据

    3.6.1 RAR Winrar的命令行模式程序在安装目录下的 rar.exe (打包压缩程序),unrar.exe(解压缩程序) WinRAR的常用参数如下: -a 添加文件到压缩文件 -k 锁定压 ...

  2. js之split()和join()的用法

    说明 这几天写了一个简单的vue项目,需要截取字符串,一时间想到了正则表达式,还折腾了还一会儿,最后上网查了一下,使用split()再简单不过了,也顺便回忆一下join().可见我有多菜,哈哈,学了这 ...

  3. kvm命令

    查询:virsh -c     qemu:///system list    查看当前的虚拟系统 brctl show     列出当前所有的网桥接口virsh list   列出运行的虚拟机virs ...

  4. The import java.io cannot be resolved (类库无法解析的问题解决 )

    导入一个新项目后常会出现 The import java.io cannot be resolved String cannot be resolved to a type 其原因在于没有导入需要的包 ...

  5. Notepad++ Plugin Manager更新插件出错

    作为墙内人士,更新个插件都TMD浪费很长时间! 解决方案: 定位文件notepaid++\updater\GUP.exe What is WinGup? --------------- WinGup ...

  6. 用javascript修改html元素的class

    document.getElementById("collins_contentWrp").className="content-wrp dict-container c ...

  7. HDU_1166_树状数组

    http://acm.hdu.edu.cn/showproblem.php?pid=1166 树状数组入门题. #include<iostream> #include<cstring ...

  8. 达梦数据库-RAC-DMDSC部署的关键点

    达梦数据库-RAC-DMDSC部署的关键点 环境准备 网络准备(ip地址分配).共享磁盘准备和挂载 ifconfig enp0s8 10.1.2.101;ifconfig enp0s9 192.168 ...

  9. 搭建ELK 集群 rpm安装

    上次是使用docker搭建的ELK,三个软件都跑在一台机器的一个docker中,这个就当是测试环境吧. 下面开始搭建正式环境下的ELK集群. 三台服务器 A:logstash B:Elasticsea ...

  10. linux的那些事-时间 时区

    时间表示: 用法:date [选项]... [+格式] 或:date [-u|--utc|--universal] [MMDDhhmm[[CC]YY][.ss]] 以给定的格式显示当前时间,或是设置系 ...