1、knockout简介
knockout是一个轻量级的UI类库，通过MVVM模式使JavaScript前端UI简单化knockout有四大重要概念：1）声明式绑定：使用简明移读的语法很容易地将模型（model）数据关联到dom元素上。2）UI界面自动刷新：当宁的模型状态（model state）改变时，您的UI将自动更新3）依赖跟踪：为转变和联合数据，在你的模型数据之间隐式建立关系4）模板：为你的模型数据快速编写复杂的可嵌套的UI2、knockout特性和好处特性：优雅的依赖跟踪声明式绑定灵活全面的模板轻易可扩展好处：纯javascript类库（兼容任何服务器端和客户端技术）可添加到web程序最上部（不需要大的架构改变）简洁的兼容任何主流浏览器3、如何使用knockout声明你的数据作为一个javascript模型对象（model object）,然后dom元素或者模板（templates）绑定到它上面。下面简介怎样简单使用knockout.js例子1、现在官网下载最新的knockout.js， 地址： http:www.knockoutjs.com
2、引入knockout.js应注意那些问题
1）用标签<script> src属性引入路径下的knockout.js
2）<script type="text/javascript" src = "js/knockout.js">内容</script>整个放在html文本后面，卸载head里面读取不到js,所以 绑定不到值
3）下面是声明式绑定的一个小例子
<!doctype html>
<html><head><meta charset="utf-8"><title>knockout的用法</title></head><body>用户名称：<span id="username" data-bind="text:username"></span><br/>用户密码：<span id="password" data-bind="text:password"></span><br/>邮箱地址：<span id="email" data-bind="text:email"></span><br/>用户住址：<span id="address" data-bind="text:address"></span><br/>商品名称：<span id="prodName"></span><br/></body></html><script type="text/javascript" src="js/knockout-3.4.0.js"></script><script type="text/javascript"> document.getElementById("prodName").innerHTML="护目镜"; //声明的一个javascript模型对象，对应webform中的类对象var testjson = {
username:"zhangsan", password:"1234567", email:"zhangsan@123.com", address:"广州天河区" }; ko.applyBindings(testjson);</script>旧的赋值是用document文档对象赋给某个标签的值
用knockout.js方法直接绑定模型对象中的id就行了
运行后的效果也是一样的
当模型对象改变时，UI界面会自动更新
绑定对应的值会自动更新为
