retainthewind的博客

目录本节将介绍六种文本绑定方式：visible绑定text绑定html绑定css绑定style绑定attr绑定可见文本绑定(visible)使用visible绑定，来控制DOM元素的可见或隐藏例子：<div data-bind="visible: shouldShowMessage"> You will see this message only when "shouldSho...

计算监控属性构造参考计算监控属性可使用以下形式进行构造：ko.computed( evaluator [, targetObject, options] ) - 这种形式是创建一个计算监控属性最常见的情况。evaluator - 用于返回计算值的函数。targetObject-如果给出定义的值this时KO调用回调函数。参见部分第三章 计算监控属性(1) 使用计算监控属性以获取更多信息。optio...

Pure computed observablesPure computed observables是KO在3.2.0版本中推出的。她相对于之前的ComputedObservables有很多改进：防止内存泄漏减少计算开销在PureComputed函数中，随着相关监控属性值变化的时候，在两种状态之间切换。每当它没有 值变化的时候，它处于睡眠状态。当进入睡眠状态时，其配置的所有订阅它的依赖。在这种状态...

KO是如何实现自动更新的初学者可以掠过该篇，如果你是一个刨根问底的开发者，那本节将告诉你KO是如何实现依赖追踪和UI自动更新的。其实很简单，KO的依赖追踪算法如下：当你声明一个计算监控属性，KO立即调用其相关的函数来获取其初始值。当相关函数正在运行，KO将建立一个订阅到相关监控属性（包括其他计算监控属性）并读取他们的值。订阅回调函数设置为订阅函数再次运行，循环的这个过程。当有新的值，KO会通知你的...

可赋值的计算监控属性可赋值的计算监控属性是非常专业的，大多数情况下一般用不到，初学者可以跳过这一节通常情况下，计算监控属性一般情况下是只读的。我们可以通过使用自己的回调函数让计算监控属性变为可赋值状态。您可以用自己的定制逻辑让计算监控属性可写。就像将空属性，可以使用一个模型对象的链接的语法进行赋值。例如，myViewModel.fullName('Joe Smith').age(50)。示例1：分...

计算监控属性(Computed Observables)如果你有一个监控属性firstName，和另一个lastName，你要显示的全名？可以使用计算监控属性来实现-它依赖于一个或多个其他监控属性，每当这些依赖关系的监控属性改变时将会自动更新计算监控属性。例如，下面的视图模型：function AppViewModel() { this.firstName = ko.observable(...

监控属性数组如果要对一个对象检测和响应变化，会使用监控属性。如果要对一个序列检测并监控变化，需要使用observableArray(监控属性数组)。这在你显示或编辑多个值，需要用户界面的部分反复出现和消失的项目并且具有添加和删除操作的情况下使用observableArray。例如声明并赋值:var myObservableArray = ko.observableArray(); // Initi...

数据监控KO的三个内置核心功能：监控(Observable)和依赖性跟踪(dependency tracking)声明绑定(Declarative bindings)模板(Templating)在这个页面上，您将了解三种核心功能的第一种。但在此之前，让我们来看看MVVM模式的概念和视图模型的概念。MVVM模式和视图模型模型-视图-视图模型（MVVM）是用于构建用户界面的设计模式。它描述了如何将复杂...

foreach绑定foreach绑定主要用于循环展示监控数组属性中的每一个元素，一般用于table标签中假设你有一个监控属性数组，每当您添加，删除或重新排序数组项时，绑定将有效地更新UI的DOM-插入或去除相关项目或重新排序现有的DOM元素，不影响任何其他的DOM元素。当然，也可以配合其他控制流一起适用，例如if和with。示例1：遍历监控属性数组本例适用foreach绑定，在一个table标签中...

if绑定目的if绑定一般是格式是data-bind=if:attribute,if后所跟属性或表达式的值应为bool值(也可以是非bool值，当非空字符串时则为真)，if绑定的作用与visible绑定的作用类似。可控制DOM的显示与隐藏，不一样的地方是，if绑定是物理删除或添加DOM元素。示例1该例展示IF绑定的动态删除添加DOM： Display messageHere is a message...

KnockoutJS 3.X API 第一章 简介本文纯正翻译自官网API文档。其中包含一下个人理解。官网API地址：http://knockoutjs.com/documentation/introduction.html简介Knockout（简称KO）是一个JavaScript库，可以帮助您用干净的底层数据模型创建丰富的反应迅速显示和编辑用户界面。任何时候你有UI的部分是动态更新（例如，根据用...