knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI

Knockout 是个JavaScript library，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。
[img]http://dl.iteye.com/upload/attachment/0066/2358/972f1569-682c-3709-bbaf-e47145e508ac.png[/img]

knockout.js
官网：[url]http://knockoutjs.com/[/url]
帮组文档：[url]http://knockoutjs.com/documentation/introduction.html[/url]
交互式练习：[url]http://learn.knockoutjs.com/[/url]
网上的例子：[url]http://knockoutjs.com/examples/[/url]
关键概念：
[list]
[*]1， 声明式绑定：很容易地使用一简单可读的语法来关联DOM元素和model数据；
[*]2， 自动UI刷新[color=red]（同步）[/color]：当model数据的状态发送变化，UI就会自动刷新；
[*]3， 自动依赖跟踪：隐含建立model数据，关键模型数据（compute计算出来的），目标内容的链式关系并组合起来，[color=red]当model的数据发生变化时，关联模型数据、view显示的内容也会同步变化[/color]
[*]4， 模版引擎：能快速根据模型数据生成复杂，嵌套的UI
[/list]
更多特性：
[list]
[*]1， 免费，MIT协议开源
[*]2， 轻量级，缩小后39k gzip传输约13k
[*]3， 纯Javascript，可以和任何Web架构集成
[*]4， 不依赖其他任何东西
[*]5， 支持所有主流浏览器：IE6+, Firefox2+, Chrome, Opera, Safari (desktop/mobile)
[*]6， 全文档支持：API, examples, 交互式手册
[/list]

调试： 使用knockout-x.y.z.debug.js文件，

[url=http://knockoutjs.com/examples/controlTypes.html]各控件的使用方法，如下拉框，单选框等[/url]
[url=http://knockoutjs.com/documentation/introduction.html]所有可用的binding值[/url]
文字和显示：visible, text, html, css, style, attr
流程控制：foreach, if, ifnot, with
form字段:click, event, submit, enable, disable, value, hasFocus, checked, options, selectedOptions, uniqueName
模版：template
自定义blinding