Knockout.js初体验

前不久在网上看到一个轻量级MVVM js类库叫Knockout.js,觉得很好奇,搜了一下Knockout.js相关资料,也初体验了一下,顿时感觉这个框架的设计很有意思。接下来就搞清楚什么是Knockout.js

Knockout.js有4个重要的概念:(一定要牢记)

   1.声明绑定:使用简明易读的语法很容易地将模型(model)数据关联到DOM元素上。

   2.UI界面自动刷新:当您的模型状态(model state)改变时,您的UI界面将自动更新。

   3.依赖跟踪:为转变和联合数据,在你的模型数据之间隐式建立关系。

   4.模板:为您的模型数据快速编写复杂的可嵌套的UI。

 

Knockout.js工作原理:

   是以数据模型为基础,创建响应显示,编辑用户界面的javascript类库,可以自动更新UI界面。主要根据数据的判断和获取来控制UI界面的响应和展示。

 

接下来一段小例子分解分析:

首先我们要在页面引用Knockout.js

<script type="text/javascript" src="js/knockout.js"></script>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。