前言
介绍 Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。如果你还不了解Knockout是啥,先请看一下微软MIX11大会上的一段视频…
第一章:入门
1 Knockout简介 (Introduction) Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。 Knockout有…
绑定语法(1)
1 visible 绑定 目的 visible绑定到DOM元素上,使得该元素的hidden或visible状态取决于绑定的值。 例子 <div data-bind=”vi…
绑定语法(2)
7 click 绑定 目的 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但…
绑定语法(3)
12 value 绑定 目的 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件,和上。 当用户编辑表单控件的时候, view model对应…
第五章:创建自定义绑定
创建自定义绑定 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在…
第六章:加载或保存JSON数据
加载或保存JSON数据 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用J…
第七章:Mapping插件
Mapping插件 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO…
简单应用举例(2)
5 Control types 这个例子,对view model没有什么特殊的展示,只是展示如何绑定到各种元素上(例如,select, radio button等)。 代码…
第九章:高级应用举例
1 Contacts editor 这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的,我们可以看看Knockout实现是难…
第十章:更多信息(完结篇)
1 浏览器支持 Knockout在如下浏览器通过测试: Mozilla Firefox 2.0+(最新测试版本:3.6.8) Google Chrome(通过Windows a…
用Javascript评估用户输入密码的强度(Knockout版)
早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)。 我们来看看如果使用Knockout更简单的来实现密码强度的验证。 原有代码请查看: <…