当前位置: 移动技术网 > IT编程>软件设计>设计模式 > 前端必备理解之设计模式

前端必备理解之设计模式

2020年09月29日  | 移动技术网IT编程  | 我要评论
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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网