认识Knockout及如何使用Knockout绑定上下文_javascript技巧
knockout介绍
knockout简称ko,是一个轻量级的javascript类库,采用mvvm设计模式(即model、view、viewmodel),简单优雅的实现了双向绑定,实时更新,帮助您使用干净的数据模型来创建丰富的、响应式的用户界面。
knockout有三大核心特性:
1.优雅的依赖跟踪(elegant dependency tracking):任何时候数据模型的变化都会自动更新相应的ui部分;
2.声明式绑定(declarative bindings) : 简单的将ui和你的数据模型关联起来,你就可以创建复杂的动态ui;
3.高度可扩展性(trivially extensible) : 只需几行代码实现一个自定义的行为来作为声明式绑定;
其他优点:
1.纯净的javascript代码;
2.可以随时添加到你现有的web应用中;
3.轻量级,gzip后只有13k;
4.能够工作于几乎所有主流浏览器((ie 6+, firefox 2+, chrome, safari, edge, others);
ko采用的是mvvm设计模式,即model view viewmodel。
简单的例子
there are items
就是这么简单,你不必写代码来更新text内容,它会在数组长度改变时自动更新,与此类似,如果我们想利用数组长度控制按钮的可用性仅仅需要:
其它类似信息