一、MVVM模式 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Model 层代表数据模型，也可以在Mo ...
分类：
其他好文 时间：
2019-02-13 09:24:17
阅读次数：
198
一：什么是MVVM MVVM是是Model-View-ViewModel的缩写，Model代表数据模型，定义数据操作的业务逻辑，View代表视图层，负责将数据模型渲染到页面上，ViewModel通过双向绑定把View和Model进行同步交互，不需要手动操作DOM的一种设计思想。 二：MVVM和MVC ...
分类：
其他好文 时间：
2019-02-13 09:18:36
阅读次数：
244
Kendo MVVM 数据绑定(七) Invisible/Visible Invisible/Visible 绑定可以根据 ViewModel 的某个属性来显示/隐藏 DOM 元素。例如： <div id="view"> <div data-bind="invisible: isInvisible" ...
分类：
其他好文 时间：
2019-02-11 17:22:14
阅读次数：
199
Kendo MVVM 数据绑定(五) Events 本篇和 Kendo MVVM 数据绑定(三) Click 类似，为事件绑定的一般形式。Events 绑定支持将 ViewModel 的方法绑定到 DOM 元素的事件处理（如鼠标事件）。例如： 实际上，click 绑定是 events 绑定的一个特例 ...
分类：
其他好文 时间：
2019-02-11 17:12:26
阅读次数：
179
Kendo MVVM 数据绑定(八) Style Style 绑定可以通过 ViewModel 绑定到 DOM 元素 CSS 风格属性，例如： <span data-bind="style: {color: priceColor, fontWeight: priceFontWeight},text: ...
分类：
其他好文 时间：
2019-02-11 17:05:39
阅读次数：
165
Kendo MVVM 数据绑定(三) Click Click 绑定可以把由 ViewModel 定义的方法不绑定到目标 DOM 的 click 事件。当点击目标 DOM 元素时触发 ViewModel 的对应方法。例如： 使用 Click 绑定 实际上，click 绑定是 events 绑定的一个特 ...
分类：
其他好文 时间：
2019-02-11 17:02:23
阅读次数：
160
Kendo MVVM 数据绑定(九) Text Text 绑定可以使用 ViewModel 来设置 DOM 元素的文本属性，如果需要设置 input,textarea,或 select 的显示，需要使用 value 属性。 <span data-bind="text: name"></span> < ...
分类：
其他好文 时间：
2019-02-11 17:00:31
阅读次数：
196
Kendo MVVM 数据绑定(四) Disabled/Enabled Disabled 和 Enabled 绑定可以根据 ViewModel 的某个属性值的 true,false 来设置 DOM 元素的 enabled 和 diabled 属性。Disabled/enabled 属性只适用于 in ...
分类：
其他好文 时间：
2019-02-11 16:59:56
阅读次数：
164
Kendo MVVM 数据绑定(六) Html Html 绑定可以使用 ViewMod e 的属性来设置 DOM 元素的 innerHTML 属性。如果 ViewModel 的属性的数据类型不是字符串，比如（Text， Number 或者 Date),那么会调用 toString() 方法，将这些值 ...
分类：
Web程序 时间：
2019-02-11 16:49:02
阅读次数：
202
import debounce from 'lodash.debounce'; this.deboucedFunc = debounce(this.viewModel.v_onHomeworkRequest, 1000); this.mapListener(this.sclr_homework, e ...
分类：
其他好文 时间：
2019-01-28 10:57:08
阅读次数：
224
