随笔分类 -  knockout

摘要：目的 DOM元素显示文本的值是你传递的参数，前提是text先绑定到该元素上 典型的常用元素 或者习惯性的用来显示文本，但是在技术上来说你可以用任何元素的。 例子：Today's message is: 参数主要参数 Knockout 会把参数值设置到元素文本节点上，节点上任何存在的内容将会被覆盖重写 这个参数是一个监控属性值，任何时候在值被改变的时候它绑定元素text将会触发更新，假如不是一个监... 阅读全文

摘要："visible" 绑定用途DOM元素的显示或者隐藏是根据绑定的值来的，前提是将visible绑定给该元素例子 You will see this message only when "shouldShowMessage" holds a true value. 参数主要参数当这个参数是一个假值时（举例来说，布尔值的false , 数值0，或者null,或者undefined），绑定时候设置你的元素的style.display是none,从而使之隐藏起来。这个优先级要高于CSS中定义的当这个参数是一个真值时（举例来说，布尔值是true,或者非空对象与数组 阅读全文

摘要：假如你想到侦测和相应一个对象的改变，假如你想要侦测和响应一一组合集的改变，就要用observableArray在许多场景都是很有用的，比如你要在UI上需要显示/编辑的一个列表数据集合，然后对集合进行添加和删除。Examplevar myObservableArray = ko.observableArray(); // Initially an empty arraymyObservableArray.push('Some value'); // Adds the value and notifies observers去看下怎么能绑定observableArray... 阅读全文

摘要：Computed Observables如果你有监控属性firstName和lastName的话，此时如果你想要显示全名？这个时候computed(以前叫做依赖)监控属性就出马了，这是一个函数用来依赖一个或者多个监控属性，并且当其中的任何一个依赖对象被改变的时候都将会自动更新。例如，view model类function AppViewModel() { this.firstName = ko.observable('Bob'); this.lastName = ko.observable('Smith');}你可以增加一个computed计算依赖的来得到一个全 阅读全文

摘要：KO是什么？KO不是万能的，它的出现主要是为了方便的解决下面的问题：UI元素较多，用户交互比较频繁，需要编写大量的手工代码维护UI元素的状态、样式等属性？UI元素之间关系比较紧密，比如操作一个元素，需要改变另外一个元素的状态？DOM元素与Js对象之间的数据同步？前端javascript代码组织不理想？用户输入数据校验、DOM操作、后台交互…,交织在一起？基础概念一：viewModel负责处理UI事件的响应，响应用户操作。负责保存领域模型在前端的变体Model’，比如:Student模型，在UI元素与Model之间同步数据(用户修改input-->ko修改model,反之亦然)在需要的时候 阅读全文

摘要：最近抽出点时间研究MVVM，包括司徒正美的avalon，google的angular，以及Knockout，博客园Tom的Knockout指南 时隔2年了，ko更新了不少，所以文档也相应的变化了，所以本人从学习的角度就翻译下官方的新的教程文章。avalon就是从KO演变过来的，不过加入ng,emberjs等框架的特色，加入许多巧妙的设计，算是很短小精悍的框架了，大家有兴趣可以对比下。Knockout是构建在3个核心的特性上的：监控属性（Observables）和依赖跟踪（Dependency tracking）声明式绑定（Declarative bindings）模版（Declarative 阅读全文