html完整框架,wpfmvvm框架

MVM(ModelviewViewModel )是基于MVC的设计，开发人员在HTML中写入了一些绑定，只要利用一些指令绑定，就可以在保持model和viewmodel不变的情况下，实现UI设计和业务逻辑

起源

MVM这个概念是2005年微软工程师John Grossman在博客中提出的，最初在微软的WPF中使用。 直到最近几年，MVVM这个设计才通过Javascript实现，产生了许多框架，包括KnockoutJS、Kendo MVVM和Knockback.js。 这些框架的社区非常活跃。

什么是MVVM

模特

作为MV*家族的一员，MVVM的m代表模型。 模型表示我们整个webapp所需的数据模型。 典型的例子是用户信息Model，它必须包含(名称、年龄等属性)。 模型包含许多信息，但没有行为逻辑，只有数据，因此不影响浏览器显示数据的方式。

视图

我认为View这个词出现频率最高的是MVC。 在MVC设计中，View是唯一与用户交互的地方，或者是模型改变后的直观反映。 在MVVM中，View被视为主动而不是被动。 对于被动的View，它只能被“他人”(Controller )摆布，自己无法改变任何事情，比如使用Jquery操作DOM。 在MVVM中，View是主动的。 因为它包含了直接影响模型和ViewModel的数据绑定、事件和行为。 这不仅可以保持View自身的行为(展示)，还可以使自身的变化与ViewModel同步。

视图模型

ViewModel可视为MVC的控制器，主要负责数转换，运用一定的业务逻辑，将模型的变化反映到View中，在View自身有变化的情况下也同步进行模型的变化。 ViewModel暴露了View所需的数据，可以认为是隐藏在View后面的好帮手，富有View一定的行动能力。 说这么多，我们先来看看knockoutjs的Demo:吧

html

first name :http://www.Sina.com /

last name :http://www.Sina.com /

Javascript

//thisisasimple * viewmodel *-Javascriptthatdefinesthedataandbehaviorofyourui

函数应用程序视图模型(

this.firstName='Bert '；

this.lastName='Bertington '；

}

//Activates knockout.js

ko.apply bindings (new app viewmodel ) )；

页面效果：

First name: Bert

Last name: Bertington

ViewModel将文本命令绑定到View，并告知相应的tag可以利用ViewModel中的数据渲染DOM。 这只是ViewModel到View的单个绑定。 双向绑定需要observable对象。 稍后再解释。

好处

1.UI和逻辑的分离。

写unit测试很方便，但测量ViewModel比测量Event方便多了。

缺点

如果为Bindings编写了自定义方法，则在正好需要调试的时候，此方法可能会有点不方便。

2 .对于交互较少的webapp，MVVM稍重

3 .对于大型webapp，所有逻辑和数据都位于ViewModel中，ViewModel变得越来越复杂。

其实MVVM的缺点还有很多，但都是特定场合的特定问题。 但是，我个人认为其优点是上述两大方面。 虽然它也有很多不足和缺点，但是zydxy的webapp是中小型的，在有复杂的交互时，如果你还在Jquery上操作DOM，我建议你马上更换框架。

从使用MVVM一段时间的经验来看，我个人认为在特定的场合它确实很出色，所以我决定自己研究一下MVVM的实现原理。 基于knockoutjs，构建与其接口相同的MVVM框架(某些主要接口)。 我不要求有多优秀，而是想出手实现。 实现MVVM后，在之后的博客中介绍MVVM的模板引擎和模板引擎，请参考原文