前端的开发模式从经典的MVC框架,到完全独立出来controller层的MVP,再到以vue、angular、react引领的的MVVM框架。

M指的是model(业务逻辑、接口数据层),V指的是view(用户可视页面层),C、P、VM指的是controller(用户界面和后台接口之间的控制层,主要作用是预处理用户输入,应用逻辑处理)

MVC模式
由施乐公司,于上个世纪70年代提出,数据处理逻辑如下:

model层处理完信息,直接与view层通信。

优点:实现了前后端解耦、分离。
缺点:view层的分离不够彻底,组件化困难。

MVP模式
由IBM子公司,于上世纪90年代提出,数据处理逻辑如下:

完全借由P(presenter)中间层处理逻辑,但与view的通信需要手动同步。

优点:实现了view层的分离,独立,由中间层统一逻辑处理。
缺点:中间层与view层的通信不够自动、同步。

MVVM模式
由微软公司,于2005年提出,数据处理逻辑如下:

实现了控制层与view的自动同步。
优点:实现了自动同步中间层与view的通信。
缺点:不适用简单项目,数据绑定在view模板中,不能debug调试。

详细内容请参考:https://segmentfault.com/a/11...

前端开发模式--MV*相关推荐

  1. webpack+react+es6开发模式

    一.前言 实习了两个月,把在公司用到的前端开发模式做个简单的整理.公司里前端开发模式webpack+react+redux+es6,这里去掉了redux. webpack, react, redux等 ...

  2. 乾坤 微前端_拥抱云时代的前端开发架构——微前端

    微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员.团队的增加,从一个普通应用演变成一个巨石应用(Frontend Monolith),随之而来的应用不可维护的问题.这类问题在企业级 ...

  3. 面对 ESM 的开发模式,webpack 还有还手之力吗?(转载)

    snowpack / vite 等基于 ESM 的构建工具出现,让项目的工程构建不再需要构建一个完整的 bundle.很多人都觉得我们不再需要打包工具的时代即将到来.借助浏览器 ESM 的能力,一些代 ...

  4. 了解WEB前端开发吗,风风雨雨30年,前端开发变迁史

    按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...

  5. 前端开发的 20 年变迁史~

    点击上方"IT平头哥联盟",选择"置顶或者星标" 作者:司徒正美 1990 年,第一个Web浏览器的诞生:1991 年,WWW诞生,这标志着前端技术的开始. 在 ...

  6. web前端开发这门技术的由来,入门必读

    按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...

  7. web前端开发发展史,前后30年,展望未来!

    按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...

  8. 你们有了解过前端开发吗?风风雨雨30年,前端开发变迁史

    按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...

  9. 前端开发 30 年变迁史

    [程序人生 编者按]1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔" ...

最新文章

  1. Python3学习笔记:使用代理访问url地址
  2. spring boot整合WebSocket示例
  3. boost::fusion::zip_view用法的测试程序
  4. 位置参数和关键字参数小记
  5. web安全认证机制知多少
  6. 柔性太阳能电池pdf_房车旅行如何做到电力无忧,那就选择一套合适的太阳能供电系统吧...
  7. asp.net 写入html代码,asp.net读取模版并写入文本文件
  8. 为了不被OUT,UC决定不再安静地做个浏览器了
  9. BZOJ 1072 排列
  10. android 通知栏进度_Android改造下载图片进度通知
  11. 如何创建线程?如何创建扩展Thread类?
  12. 昆明理工大学计算机面试题,2016年昆明理工大学管理与经济学院F003运筹学复试笔试仿真模拟题...
  13. 解决计算机主机与打印机共享打印机,主机上的打印机已经设置了共享可是另外的电脑却不能用也搜索不到共享打印机...
  14. HTML5中多媒体标签之音频标签
  15. linux双系统无u盘安装教程视频教程,window 与Linux Mint 双系统U盘安装方法
  16. 服务器执行MySQL耗时问题解决全过程
  17. 银联电子签名jbig
  18. cad怎么设置线的粗细_CAD图纸线条粗细如何修改?CAD图纸线宽如何调整?
  19. 计算机二级ms真题及答案网盘,全国计算机二级MS Office考试真题及答案
  20. 用c++写一个cps测试

热门文章

  1. PPDE英雄帖!广邀全球开发者执开源之桨,汇百川成海
  2. 潘建伟团队最新研究成果登上Nature:首次实现1120公里长距离无中继纠缠量子密钥分发...
  3. 我整理了HMOV四大5G旗舰的参数,可依然没能拯救我的选择困难症
  4. hadoop HA集群搭建(亲测)
  5. 硬科技凭什么产业化?
  6. DEF CON 专题 | 溜门撬锁,暗黑市集,带你看世界最大的黑客狂欢
  7. WIN7如何替换开机登录画面
  8. activiti节点跳转
  9. SD-WAN — 应用场景
  10. Segment Routing — SRv6 — Overview