欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端必备理解之设计模式

程序员文章站 2022-06-17 20:48:28
MVC模式 模型(Model)、视图(View)和控制器(Controller),以便于程序的分层开发。- model 定义用户界面所需要的被显示的数据模型以及这个数据模型包含着相关的业务逻辑。view 呈现给用户的终端界面,主要用于模型中数据的可视化。Controller 作用于模型和视图上。它控制数据流向模型对象并在数据变化时更新视图它使视图与模型分离开。MVVM模式- Model 层代表数据模型也可以在Model中定义数据修改和操作的业务逻辑View 代表UI 组件,它负责将数....
  1. MVC模式 模型(Model)、视图(View)和控制器(Controller),以便于程序的分层开发。
    - model 定义用户界面所需要的被显示的数据模型以及这个数据模型包含着相关的业务逻辑。
    • view 呈现给用户的终端界面,主要用于模型中数据的可视化。
    • Controller 作用于模型和视图上。它控制数据流向模型对象并在数据变化时更新视图它使视图与模型分离开。
  2. MVVM模式
    - Model 层代表数据模型也可以在Model中定义数据修改和操作的业务逻辑
    • View 代表UI 组件,它负责将数据模型转化成UI 展现出来
    • ViewModel 是一个同步View 和 Model的对象。
    • 核心
      • 其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。
      • 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的因此View数据的变化会同步到Model中,而Model数据的变化也会立即反应到View 上。
  3. 观察者模式
    - 对象间一种一对多的依赖关系,当目标对象 Subject 的状态发生改变时,所有依赖它的对象 Observer 都会得到通知。
  4. 发布订阅者模式
    - 对象间一种一对多的依赖关系,当目标对象指定的动作发生改变时,订阅该动作的依赖对象会收到相应的通知。

MVC和MVVM的区别

  1. mvc中的controller演变成了MVVM中viewModel
  2. mvvm主要解决了mvc中的大量的dom操作而导致的页面渲染性能降低,加载速度变慢,影响互用体验 View和Model 之间的同步工作完全是自动的,无需人为干涉

本文地址:https://blog.csdn.net/weixin_43862991/article/details/108872905

相关标签: 设计模式