原文:迷你MVVM框架 avalonjs 學習教程8、屬性操作

屬性操作是DOM操作很大的一塊,它包括類名操作,表單元素的value屬性操作,元素固有屬性的管理,元素自定義屬性的管理,某些元素的一些布爾屬性的操作。大多數情況下,元素屬性的值是字符串類型,我們稱之為字符串屬性,但有一些屬性的是布爾,也存在是數字類型 節點引用的情況。當前jQuery處理它們就是搞了N個鈎子對象,才擺平它們。avalon為了收拾它們也設置N多綁定,其中類名部分交由ms class ...

2014-09-18 10:44 6 2754 推薦指數:

查看詳情

迷你MVVM框架 avalonjs 學習教程9、類名操作

ms-class是avalon用得最多的幾個綁定之一,也正因為如此其功能一直在擴充中。根據時期的不同,分為舊風格與新風格兩種。 舊風格是指ms-class-xxx=”expr”,*ms-class-aaa-bbb=”expr”*。正如第三節《綁定屬性與掃描機制》所講,一個綁定屬性分成三部 ...

Fri Sep 19 18:56:00 CST 2014 0 2762
迷你MVVM框架 avalonjs 學習教程10、樣式操作

一般情況下我們通過設置類名就可以改變元素的樣式,但涉及到動畫部分,就一定需要設置內聯樣式了,因此有了ms-css。*ms-css*的用法為ms-css-樣式名="樣式值", 如ms-css-width ...

Mon Sep 22 18:13:00 CST 2014 1 2322
迷你MVVM框架 avalonjs 學習教程11、循環操作

avalon是通過ms-repeat實現對一組數據的批量輸出。這一組數據可以是一個數組,也可以是一個哈希(或叫對象)。我們先從數組說起吧。 第二節就說,凡是定義在VM中的數組,如果沒有以$開頭或者沒 ...

Thu Sep 25 19:51:00 CST 2014 2 5239
迷你MVVM框架 avalonjs 學習教程15、屬性監聽與模塊通信

avalon的ViewModel對象從其內部EventManager里繼承了三個方法,$watch、$unwatch、$fire三個方法,它們就是我們本節的主題。 詞如其名,非常直白,一看就知道做什么。我們先從$watch方法說起,它能監聽當前的VM第一層的監控屬性 與 計算屬性,如果某屬性 ...

Sat Oct 11 00:56:00 CST 2014 5 3382
迷你MVVM框架 avalonjs 學習教程3、綁定屬性與掃描機制

MVVM框架中,你都會看到頁面定了許多奇怪的屬性,比如knockout的data-☆,angular的ng-☆,avalon的ms-☆,此外還有一些只寫文本節點上的雙花括號,它們統稱為指令。ms-☆由於定義在元素節點上,是一個特性節點(Attribute),因此稱為綁定屬性。 雙花括號稱之為插值 ...

Thu Sep 11 19:27:00 CST 2014 1 2673
迷你MVVM框架 avalonjs 學習教程16、過濾器

avalon的過濾器是參考自angular與rivets。它也被稱做管道文本過濾器,它的處理對象只能是文本(字符串),它只能用在文本綁定中,並且只能是雙花括號形式。下面是各大家的過濾器比較: riv ...

Sat Oct 11 18:52:00 CST 2014 0 3489
迷你MVVM框架 avalonjs 學習教程19、avalon歷史回顧

avalon最早發布於2012.09.15,當時還只是mass Framework的一個模塊,當時為了解決視圖與JS代碼的分耦,參考knockout開發出來。 它的依賴收集機制,視圖掃描,綁定的命名d ...

Fri Oct 17 18:53:00 CST 2014 6 1893
迷你MVVM框架 avalonjs 學習教程21、雙向綁定鏈

avalon的雙向綁定機制,是通過一條依賴鏈實現。此依賴鏈最底層是監控屬性、監控數組,中層是計算屬性、監控函數,再上點是求值函數,最上層是視圖刷新函數。 所謂計算屬性,監控屬性,監控函數屬性,我們改變它們的值,它們會引發視圖變化;而監控數組,是我們調用它的一些方法,也會引發視圖變化 ...

Mon Nov 03 19:12:00 CST 2014 0 2424
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM