Knockout是一个轻量级的UI类库,使用的是MVVM(model-view-viewModel)模式,能够让JavaScript前端简单化,用于页面的数据绑定。使用它可以减少web前端js的代码量,而且knockout轻量级,并不会增加整个页面的臃肿程度。
一、下载使用
直接到官网下载knockoutjs,下载后保存为js文件格式放在一个web目录下,然后在页面上添加<script>就可以直接使用knockoutjs的功能属性了。
如果不下载也可以,使用其他提供商的url来直接使用
<script type="text/javascript" src="http://http://knockoutjs.com/downloads/knockout-3.4.0.js" ><script>
当然,要经常检查src是否可用。
二、简单data-bind
在页面上添加<script>之后,添加如下js代码
<p><input id="a1" data-bind="value:user" /></p>
<p><input id="a2" data-bind="value:user" /></p>
<p>Hello, <span data-bind="text:user"&