之前的章節許多示例代碼也或多或少地展示了如何使用ms-click來綁定事件了。能直接在模板上綁定是事件,這也是靜態模板與動態綁定的一大區別。ms-click不是簡單的onclick的別名,它在內部屏蔽了瀏覽器的差異,並且對許多瀏覽器暫時不支持的事件做了兼容處理。 總的來說,事件綁定是使用 ...
在MVVM框架中,你都會看到頁面定了許多奇怪的屬性,比如knockout的data ,angular的ng ,avalon的ms ,此外還有一些只寫文本節點上的雙花括號,它們統稱為指令。ms 由於定義在元素節點上,是一個特性節點 Attribute ,因此稱為綁定屬性。 雙花括號稱之為插值表達式,意即這里在插入ViewModel對應的屬性,或通過加減乘除后得到的結果。 綁定屬性與插值表達式對於MV ...
2014-09-11 11:27 1 2673 推薦指數:
之前的章節許多示例代碼也或多或少地展示了如何使用ms-click來綁定事件了。能直接在模板上綁定是事件,這也是靜態模板與動態綁定的一大區別。ms-click不是簡單的onclick的別名,它在內部屏蔽了瀏覽器的差異,並且對許多瀏覽器暫時不支持的事件做了兼容處理。 總的來說,事件綁定是使用 ...
avalon的雙向綁定機制,是通過一條依賴鏈實現。此依賴鏈最底層是監控屬性、監控數組,中層是計算屬性、監控函數,再上點是求值函數,最上層是視圖刷新函數。 所謂計算屬性,監控屬性,監控函數屬性,我們改變它們的值,它們會引發視圖變化;而監控數組,是我們調用它的一些方法,也會引發視圖變化 ...
屬性操作是DOM操作很大的一塊,它包括類名操作,表單元素的value屬性操作,元素固有屬性的管理,元素自定義屬性的管理,某些元素的一些布爾屬性的操作。大多數情況下,元素屬性的值是字符串類型,我們稱之為字符串屬性,但有一些屬性的是布爾,也存在是數字類型、節點引用的情況。當前jQuery處理 ...
在許多表單應用,我們經常遇到點擊一個復選框(或下拉框)會引發旁邊的復選框(或下拉框)發生改變,這種聯動效果用avalon來做是非常簡單的。在avalon里,存在各種綁定回調與$watch回調,完全滿足你的需求。 下面是avalon所有綁定回調。 data-duplex-changed ...
jQuery的許多功能都可以通過avalon的綁定屬性來處理,如click方法對應ms-click,css方法對應ms-css,toggle方法對應ms-visible,它的數據緩存功能avalon也搬過來了。但不同於jQuery的是,avalon是直接將數據保存到元素節點的HTML5的data- ...
稍為復雜一點的網站都是多個前端工程師合作而成,因此分工是必需的。簡單一點的分工就是一個人負責一個頻道,某個頁面是由一個人全部做的;但如果涉及到一個頁面非常復雜,需要多個人同時動工呢?於是到模板的出場時 ...
avalon的ViewModel對象從其內部EventManager里繼承了三個方法,$watch、$unwatch、$fire三個方法,它們就是我們本節的主題。 詞如其名,非常直白,一看就知道做什么。我們先從$watch方法說起,它能監聽當前的VM第一層的監控屬性 與 計算屬性,如果某屬性 ...
avalon的過濾器是參考自angular與rivets。它也被稱做管道文本過濾器,它的處理對象只能是文本(字符串),它只能用在文本綁定中,並且只能是雙花括號形式。下面是各大家的過濾器比較: rivetsjs <span rv-text="event.startDate | date ...