Knockout 學(xué)習(xí)

Knockout.js

Knockout是一款很優(yōu)秀的JavaScript庫

KO重要特性:

優(yōu)雅的依賴跟蹤
聲明式綁定
良好的可擴展性

其他優(yōu)點:

純JavaScript庫
可以很好的應(yīng)用到已有的應(yīng)用程序中
簡潔-采用Gzip壓縮之后只要13K。
兼容任何主流瀏覽器-(IE 6+, Firefox 2+, Chrome, Safari, 及其他)
一套全面完整的規(guī)范(采用行為驅(qū)動開發(fā))

Knockout是建立在以下3個核心功能之上的

1、 屬性監(jiān)控與依賴跟蹤
2、 聲明式綁定
3、 模版機制

Model-View-View Model (MVVM)是一種創(chuàng)建用戶界面的設(shè)計模式

一般的數(shù)據(jù)綁定有三種:One-Time,One-Way,Two-way。

Visible綁定通過綁定一個值來確定DOM元素顯示或隱藏
Text綁定主要是讓DOM元素顯示參數(shù)值。
html綁定到DOM元素上,使得該元素顯示的HTML值為你綁定的參數(shù)。
css綁定是添加或刪除一個或多個CSS class到DOM元素上。
style綁定是添加或刪除一個或多個DOM元素上的style值。
attr屬性綁定,這個綁定可以用于給DOM元素添加自定義屬性,或綁定到已有的屬性。
foreach綁定使用此功能可以方便我們循環(huán)遍歷輸出某個數(shù)組、集合中的內(nèi)容。
if綁定 可以控制某個組件動態(tài)顯示,類似我們之前接觸到的visible屬性,不過此屬性綁定過以后就不能更改,而if binding可以根據(jù)相應(yīng)的條件控制組件是否顯示。
with綁定我們可以使用with binding來重新定義一個上下文綁定
click綁定在DOM元素上添加事件句柄以便元素被點擊的時候執(zhí)行定義的JavaScript 函數(shù)。大部分是用在button,input和連接a上,但是可以在任意元素上使用。
event綁定在DOM元素上添加指定的事件句柄以便元素被觸發(fā)的時候執(zhí)行定義的JavaScript 函數(shù)。大部分情況下是用在keypress,mouseover和mouseout上。
submit綁定在form表單上添加指定的事件句柄以便該form被提交的時候執(zhí)行定義的JavaScript 函數(shù)。只能用在表單form元素上。
value綁定是關(guān)聯(lián)DOM元素的值到view model的屬性上。主要是用在表單控件<input>,<select>和<textarea>上。

($root,$parent及$data的區(qū)別)

Paste_Image.png


學(xué)習(xí)資料推薦:

knockout官網(wǎng): http://knockoutjs.com/
knockout中文: http://www.aizhengli.com/knockoutjs/knockoutjs.html
knockout表單相關(guān)的技術(shù)博客: http://www.cnblogs.com/lori/p/3610779.html
在線編輯地址:http://jsfiddle.net/rniemeyer/LkqTU/

Knockout學(xué)習(xí)筆記之二($root,$parent及$data的區(qū)別)
(部分網(wǎng)站需要FQ)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)資料來自 Angular.cn 與 Angular.io。 模板語法 在線例子 在 Angular 中,組件扮...
    小鐳Ra閱讀 3,976評論 0 3
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,533評論 19 139
  • 不寫作業(yè)的日子就是爽,呼啦啦,瞬間就8號了。 最近幾天幾乎什么都沒干,只是睡覺。偶爾起來喝幾杯茶。只有一個晚上熬夜...
    圈圈o0閱讀 186評論 0 0
  • 這是一篇讓人感到悲傷的故事。如果小朋友會為文中的小女孩感到難過,那么請小朋友們珍惜現(xiàn)在的生活,珍惜你所擁有衣食無憂...
    劉俊廷閱讀 220評論 0 0
  • "看看我們自己,每件事都退步了,每件事都顛倒了。醫(yī)生摧毀健康,律師摧毀正義,學(xué)校摧毀知識,政府摧毀自由,主流媒體摧...
    RWBY閱讀 478評論 0 0

友情鏈接更多精彩內(nèi)容