Knockout應用開發指南(完整版) 目錄索引

關於該系列文章:
本系列文章共份10個章節(13篇),主要是翻譯官方站點教程文章,然後加了一些自己的理解。有任何技術點不明白或者需要討論的,歡迎大家留言拍磚。

目錄:

Knockout應用開發指南 第一章:入門

Knockout應用開發指南 第二章:監控屬性(Observables)

Knockout應用開發指南 第三章:綁定語法(1)

Knockout應用開發指南 第三章:綁定語法(2)

Knockout應用開發指南 第三章:綁定語法(3)

Knockout應用開發指南 第四章:模板綁定

Knockout應用開發指南 第五章:創建自定義綁定

Knockout應用開發指南 第六章:加載或保存JSON數據

Knockout應用開發指南 第七章:Mapping插件

Knockout應用開發指南 第八章:簡單應用舉例(1

Knockout應用開發指南 第八章:簡單應用舉例(2)

Knockout應用開發指南 第九章:高級應用舉例

Knockout應用開發指南 第十章:更多信息

更多例子:

用Javascript評估用戶輸入密碼的強度(Knockout版


介紹:

Knockout是一個輕量級的UI類庫,通過應用MVVM模式使JavaScript前端UI簡單化。如果你還不瞭解Knockout是啥,先請看一下微軟MIX11大會上的一段視頻

連接地址:http://channel9.msdn.com/Events/MIX/MIX11/FRM08

或者直接運行下面的代碼看看效果:

View Code

 

插件:
Knockout也有豐富的插件可以使用,例如:

你可以使用集成JQueryUI功能的插件來實現autoComplete功能:

<input type="text" data-bind="autocomplete : autocompleteConfig"/>

而沒必要每次都要聲明下面這樣的代碼:

$( "#inputId" ).autocomplete({
            source: availableTags
        });


或者如果你想用表單驗證功能,你可以使用驗證插件:

var myObj = ko.observable('').extend({ max: 99 });

或者

<input type="text" data-bind="value: myProp" max="99"/>

而不是每次在點擊提交按鈕的時候或者離開焦點的時候都去檢查。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章