原文:迷你MVVM框架 avalonjs 學習教程3、綁定屬性與掃描機制

在MVVM框架中,你都會看到頁面定了許多奇怪的屬性,比如knockout的data ,angular的ng ,avalon的ms ,此外還有一些只寫文本節點上的雙花括號,它們統稱為指令。ms 由於定義在元素節點上,是一個特性節點 Attribute ,因此稱為綁定屬性。 雙花括號稱之為插值表達式,意即這里在插入ViewModel對應的屬性,或通過加減乘除后得到的結果。 綁定屬性與插值表達式對於MV ...

2014-09-11 11:27 1 2673 推薦指數:

查看詳情

迷你MVVM框架 avalonjs 學習教程14、事件綁定

之前的章節許多示例代碼也或多或少地展示了如何使用ms-click來綁定事件了。能直接在模板上綁定是事件,這也是靜態模板與動態綁定的一大區別。ms-click不是簡單的onclick的別名,它在內部屏蔽了瀏覽器的差異,並且對許多瀏覽器暫時不支持的事件做了兼容處理。 總的來說,事件綁定是使用 ...

Thu Oct 09 18:16:00 CST 2014 3 5697
迷你MVVM框架 avalonjs 學習教程21、雙向綁定

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

Mon Nov 03 19:12:00 CST 2014 0 2424
迷你MVVM框架 avalonjs 學習教程8、屬性操作

屬性操作是DOM操作很大的一塊,它包括類名操作,表單元素的value屬性操作,元素固有屬性的管理,元素自定義屬性的管理,某些元素的一些布爾屬性的操作。大多數情況下,元素屬性的值是字符串類型,我們稱之為字符串屬性,但有一些屬性的是布爾,也存在是數字類型、節點引用的情況。當前jQuery處理 ...

Thu Sep 18 18:44:00 CST 2014 6 2754
迷你MVVM框架 avalonjs 學習教程12、數據聯動

在許多表單應用,我們經常遇到點擊一個復選框(或下拉框)會引發旁邊的復選框(或下拉框)發生改變,這種聯動效果用avalon來做是非常簡單的。在avalon里,存在各種綁定回調與$watch回調,完全滿足你的需求。 下面是avalon所有綁定回調。 data-duplex-changed ...

Fri Sep 26 18:27:00 CST 2014 4 3596
迷你MVVM框架 avalonjs 學習教程7、數據緩存

jQuery的許多功能都可以通過avalon的綁定屬性來處理,如click方法對應ms-click,css方法對應ms-css,toggle方法對應ms-visible,它的數據緩存功能avalon也搬過來了。但不同於jQuery的是,avalon是直接將數據保存到元素節點的HTML5的data- ...

Wed Sep 17 19:29:00 CST 2014 1 2000
迷你MVVM框架 avalonjs 學習教程13、模板引用

稍為復雜一點的網站都是多個前端工程師合作而成,因此分工是必需的。簡單一點的分工就是一個人負責一個頻道,某個頁面是由一個人全部做的;但如果涉及到一個頁面非常復雜,需要多個人同時動工呢?於是到模板的出場時 ...

Sun Sep 28 22:29:00 CST 2014 5 2842
迷你MVVM框架 avalonjs 學習教程15、屬性監聽與模塊通信

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

Sat Oct 11 00:56:00 CST 2014 5 3382
迷你MVVM框架 avalonjs 學習教程16、過濾器

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

Sat Oct 11 18:52:00 CST 2014 0 3489
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM