山东德州最大的网站建设教学,淘宝网站做多久,免费开通企业邮箱,会展网站建设情况MVC模式
MVC是应用最广泛的软件架构之一#xff0c;一般MVC分为#xff1a;
Model#xff08; 模型 #xff09;、Controller#xff08; 控制器 #xff09;、View#xff08; 视图 #xff09;。
这主要是基于分层的目的#xff0c;让彼此的职责分开。View 一般… MVC模式
MVC是应用最广泛的软件架构之一一般MVC分为
Model 模型 、Controller 控制器 、View 视图 。
这主要是基于分层的目的让彼此的职责分开。View 一般通过 Controller 来和 Model 进行联系。Controller是 Model 和 View 的协调者View和Model不直接联系。基本联系都是单向的。 1、View 传送指令到 Controller
2、Controller 完成业务逻辑后要求 Model 改变状态
3、Model 将新的数据发送到 View用户得到反馈 MVP模式
MVP 模式将 Controller 改名为 Presenter同时改变了通信方向。 1、各部分之间的通信都是双向的。
2、View 与 Model 不发生联系都通过 Presenter 传递。
3、View 非常薄不部署任何业务逻辑称为被动视图Passive View即没有任何主动性而 Presenter非常厚所有逻辑都部署在那里。 MVVM模式
MVVM 是把 MVC 的 Controller 和 MVP 的 Presenter 改成了 ViewModel。
View 的变化会自动更新到 ViewModelViewModel 的变化也会自动同步到 View上显示。这种自动同步是因为 ViewModel 中的属性实现了 Observer当属性变更时都能触发对应的操作。 MVVM模式的优点
1、低耦合视图View可以独立于 Model 变化和修改一个 ViewModel 可以绑定到不同的View上当View变化的时候Model可以不变当Model变化的时候View也可以不变。
2、可重用性你可以把一些视图逻辑放在一个ViewModel里面让很多 view 重用这段视图逻辑。
3、独立开发开发人员可以专注于业务逻辑和数据的开发ViewModel设计人员可以专注于页面设计。
4、可测试界面素来是比较难于测试的而现在测试可以针对ViewModel来写。 MVVM 和 MVC 的区别 mvc 中 Controller演变成 mvvm 中的 viewModel。 mvvm 通过数据来显示视图层而不是节点操作。 mvvm主要解决了: mvc中大量的DOM 操作使页面渲染性能降低加载速度变慢影响用户体验。
常见的实现MVVM数据绑定的做法有哪些
实现数据绑定的做法有大致如下几种 发布者-订阅者模式backbone.js 脏值检查angular.js 数据劫持vue.js 1、发布者-订阅者模式: 一般通过sub, pub的方式实现数据和视图的绑定监听 更新数据方式通常做法是 vm.set(property, value)。
这种方式现在毕竟太low了我们更希望通过 vm.property value这种方式更新数据同时自动更新视图于是有了下面两种方式。 2、脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更来决定是否更新视图
最简单的方式就是通过 setInterval() 定时轮询检测数据变动
angular只有在指定的事件触发时进入脏值检测大致如下
1、DOM事件譬如用户输入文本点击按钮等。( ng-click )
2、XHR响应事件 ( $http )
3、浏览器Location变更事件 ( $location )
4、Timer事件( $timeout , $interval )
5、执行 $digest() 或 $apply()
3、数据劫持: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式
通过Object.defineProperty()来劫持各个属性的settergetter
在数据变动时发布消息给订阅者触发相应的监听回调。
