原文:迷你MVVM框架 avalonjs 學習教程12、數據聯動

在許多表單應用,我們經常遇到點擊一個復選框 或下拉框 會引發旁邊的復選框 或下拉框 發生改變,這種聯動效果用avalon來做是非常簡單的。在avalon里,存在各種綁定回調與 watch回調,完全滿足你的需求。 下面是avalon所有綁定回調。 data duplex changed,用於ms duplex綁定,值改變后觸發 參數:當前元素的值 data include loaded,用於ms i ...

2014-09-26 10:27 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 學習教程4、數據填充

MVVM是前端的究極解決方案,你們可能用過jQuery,但那個寫的代碼不易維護;你們可以聽過說requirejs與seajs,傳說中的模塊開發,加載器,但它們的最終目標是打包;你們可能聽過underscope,那是一個工具集;你們可以聽說過ejs,Mustache、HandlebarsJS等模板 ...

Fri Sep 12 19:12:00 CST 2014 0 2817
迷你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
迷你MVVM框架 avalonjs 學習教程9、類名操作

ms-class是avalon用得最多的幾個綁定之一,也正因為如此其功能一直在擴充中。根據時期的不同,分為舊風格與新風格兩種。 舊風格是指ms-class-xxx=”expr”,*ms-class- ...

Fri Sep 19 18:56:00 CST 2014 0 2762
迷你MVVM框架 avalonjs 學習教程1、引入avalon

avalon是國內最強大的MVVM框架,沒有之一,雖然淘寶KISSY團隊也搞了兩個MVVM框架,但都無疾而終。其他的MVVM框架都沒幾個。也只有外國人與像我這樣閑的架構師才有時間鑽研這東西。我很早之前就預言,MVVM是前端的終極解決方案。我之前在盛大無線做盛大通行證就深有體會,一個業務邏輯對應 ...

Wed Sep 10 00:14:00 CST 2014 14 7429
迷你MVVM框架 avalonjs 學習教程10、樣式操作

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

Mon Sep 22 18:13:00 CST 2014 1 2322
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM