随笔分类 -  knockout

attr绑定
摘要：目的attr绑定可以设置DOM元素的属性值。例如，当我们需要设置title的值，或者一个img的src值，或者一个超链接的href，使用属性绑定会在model的值发生改变时动态的更新绑定的属性值。示例：Report这样就会把url设置成year-end.html, 把title设置为Report i... 阅读全文
posted @ 2015-02-15 14:41 WileyWong 阅读(400) 评论(0) 推荐(0)
foreach绑定
摘要：目的foreach可以将一个数组中的实体循环的进行绑定。这在将一个list显示成table时非常有用。假设数组是observable的，当在绑定后做了add, remove,或者重新排序后，绑定会找到相应的元素做新增、删除或者排序，而不会影响其他不相关的DOM元素。这比重新生成整个foreach的输... 阅读全文
posted @ 2015-02-15 14:41 WileyWong 阅读(1900) 评论(0) 推荐(0)
visible绑定(The "visible" binding)
摘要：对visible进行绑定可以控制元素的显示和隐藏。示例： You will see this message only when "shouldShowMessage" holds a true value. 参数说明：Main parameter当参数值是False时（包括数字0，或者nul... 阅读全文
posted @ 2015-02-15 14:40 WileyWong 阅读(402) 评论(0) 推荐(0)
html绑定
摘要：目的html绑定可以绑定DOM元素内的HTML内容。示例： 参数Main parameterKO在绑定时会把元素内原来的HTML内容清除掉。如果JQuery是可用的，KO会使用JQuery的html函数进行绑定，或者把参数的字符串做为HTML绑定到每一个子元素中。如果参数是observable的，那... 阅读全文
posted @ 2015-02-15 14:40 WileyWong 阅读(315) 评论(0) 推荐(0)
CSS绑定
摘要：css绑定会对元素的CSS类进行操作。在某些情况下这将非常有用，例如：当数值是负的时将其高亮显示。（注：如果如果不想直接更改CSS类，而是只要改其中一个样式，则需要使用style绑定）示例：使用静态的CSS类 Profit Information 当currentProfit的值小于0时就会将p... 阅读全文
posted @ 2015-02-15 14:40 WileyWong 阅读(825) 评论(0) 推荐(0)
Style绑定
摘要：目的style绑定可以添加或者移除DOM元素的样式值。这非常有用，例如，当值为负数时将颜色变为红色。（注：如果要修改CSS整个类，请使用css绑定）Profit Information当currentProfit的值小于0时，会将style.color设置为red, 当大于0时会变成black.参数... 阅读全文
posted @ 2015-02-15 14:40 WileyWong 阅读(505) 评论(0) 推荐(0)
text绑定（The "text" binding）
摘要：目的text绑定可以使你传递的参数做为文本显示到相关的DOM元素里。一般会用在如或者这类元素来显示文本，但从技术来讲它可以绑定到任何元素。示例Today's message is: 参数Main parameterknockout会把参数做为文本显示到元素中，原来存在的内容会被清除。如果参数是ob... 阅读全文
posted @ 2015-02-15 14:40 WileyWong 阅读(559) 评论(0) 推荐(0)
Computed Observable的参数
摘要：构造计算监控（Constructing a computed observable）1.ko.computed( evaluator [, targetObject, options] )evaluator 用来得到结果的函数targetObject 定义在evaluator调用时的thisop... 阅读全文
posted @ 2015-02-15 14:39 WileyWong 阅读(434) 评论(0) 推荐(0)
依赖跟踪如何工作的（How dependency tracking works）
摘要：这一块主要是理论的讲解，本人刚接触这块不久，就不敢翻译了，请参见园子里其他人的现有文章http://www.cnblogs.com/TomXu/archive/2011/11/22/2256820.html文章内容：新手没必要知道太清楚，但是高级开发人员可以需要知道为什么依赖监控属性能够自动跟踪并且... 阅读全文
posted @ 2015-01-05 11:51 WileyWong 阅读(813) 评论(0) 推荐(0)
纯计算监控（Pure computed observables）
摘要：纯计算监控，在knockout 3.2.0里才有，提供了对性能和内存更好的管理。这是因为纯计算监控不包含对他的依赖的订阅。特点有：防止内存泄漏降低计算开销：值不再是observed，是一个不会重新计算的computed observables.根据是否有订阅，pure computed observ... 阅读全文
posted @ 2015-01-05 11:51 WileyWong 阅读(751) 评论(0) 推荐(0)
可写的计算监控（Writable computed observables）
摘要：新手可忽略此小节，可写依赖监控属性真的是太advanced了，而且大部分情况下都用不到。一般情况下，计算监控的值是通过其他监控属性的值计算出来的，因此它是只读的。这个看似很奇怪，我们有什么办法可以让他变成可写的吗。 此时，我们只需要提供一个callback的函数就可以做到。通过你自定义的逻辑拦所有的... 阅读全文
posted @ 2014-12-31 17:20 WileyWong 阅读(224) 评论(0) 推荐(0)
使用计算监控（Using computed observables）
摘要：计算监控（Computed Observables）如果有两个监控属性firstName, lastName，此时我们要显示full name，我们要怎么办呢？ 这时，可以创建一个computed observables来实现，其实他就是一个function，根据firstName, lastNam... 阅读全文
posted @ 2014-12-31 14:32 WileyWong 阅读(347) 评论(0) 推荐(0)
使用observable数组(Working with observable arrays)
摘要：observable数组(observable arrays)如果你要探测和响应一个对象的变化，你应该用observables。如果你需要探测和响应一个集合对象的变化，你应该用observableArray 。在很多场景下，它都非常有用，比如你要在UI上需要显示/编辑的一个列表数据集合，然后对集合进... 阅读全文
posted @ 2014-12-25 18:01 WileyWong 阅读(2927) 评论(0) 推荐(0)
knockout.js-创建视图模型
摘要：监控属性（Observables）knockout的三个核心特点： 1.监控属性与依赖跟踪 2.声明式绑定 3.模板本页，你将学习上述三个特性。但是在这之前，先了解一下MVVC模式，及 视图模型（view model）的概念。MVVM和视图模型（View Models） MVVM : Mod... 阅读全文
posted @ 2014-12-18 17:06 WileyWong 阅读(667) 评论(0) 推荐(0)
knockout.js
摘要：最近在使用knockout这个JS的MVVM模型，真的很不错，每次去查英文的文档，的确很累的，抽空的时候就把看到的文档按自己的理解翻译一下。当然我不是逐字的翻译。knockout的官方说明：http://knockoutjs.com/documentation/introduction.html另外... 阅读全文
posted @ 2014-12-18 17:05 WileyWong 阅读(234) 评论(0) 推荐(0)