KO.js学习笔记(一)

1.官方网站:knockoutjs.com

2.要dom树加载完毕才能绑定数据

3.ui能实时更新,使用了ko的一个自定义属性:data-bind

4.可以对viewmodel中的属性添加subscibe订阅,可指定注册的事件

也可以用dispose方法取消

5.Model-View-View Model (MVVM) 是一种创建用户界面的设计模式。 描述的是如何将复杂的UI用户界面分成3个部分:

  • model: 你程序里存储的数据。这个数据包括对象和业务操作(例如:银子账户可以完成转账功能),并且独立于任何UI。使用KO的时候,通常说是向服务器调用Ajax读写这个存储的模型数据。
  • view model: UI上,纯code描述的数据以及操作。例如,如果你实现列表编辑,你的view model应该是一个包含列表项items的对象和暴露的add/remove列表项(item)的操作方法。

注意这不是UI本身:它不包含任何按钮的概念或者显示风格。它也不是持续数据模型 – 包含用户正在使用的未保存数据。使用KO的时候,你的view models是不包含任何HTML知识的纯JavaScript 对象。保持view model抽象可以保持简单,以便你能管理更复杂的行为。

  • view: 一个可见的,交互式的,表示view model状态的UIview model显示数据,发送命令到view model(例如:当用户click按钮的时候),任何view model状态改变的时候更新。

使用KO的时候,你的view就是你带有绑定信息的HTML文档,这些声明式的绑定管理到你的view model上。或者你可以使用模板从你的view model获取数据生成HTML。

6.添加依赖监控属性(dependentobservarale或computed)的时候要指定作用域,而且可以为它们指定读写方法

7.依赖跟踪的原理:
 

  • 当你声明一个依赖监控属性的时候,KO会立即调用执行函数并且获取初始化值。
  • 当你的执行函数运行的时候,KO会把所有需要依赖的依赖属性(或者监控依赖属性)都记录到一个Log列表里。
  • 执行函数结束以后,KO会向所有Log里需要依赖到的对象进行订阅。订阅的callback函数是重新运行你的执行函数。然后回头重新执行上面的第一步操作(并且注销不再使用的订阅)。
  • 最后KO会通知上游所有订阅它的订阅者,告诉它们我已经设置了新值。

 

原文地址:https://www.cnblogs.com/dark-knight/p/3684150.html