迷你MVVM框架 avalonjs 學習教程15、屬性監聽與模塊通信
avalon的ViewModel對象從其內部EventManager里繼承了三個方法，$watch、$unwatch、$fire三個方法，它們就是我們本節的主題。 詞如其名，非常直白，一看就知道做什么。我們先從$watch方法說起，它能監聽當前的VM第一層的監控屬性 與 計算屬性，如果某屬性 ...
原文：迷你MVVM框架 avalonjs 學習教程2、模塊化、ViewModel、作用域
一個項目是由許多人分工寫的，因此必須要合理地拆散，於是有了模塊化。體現在工作上，PM通常它這為某某版塊，某某頻道，某某頁面。某一個模塊，必須是包含其固有的數據，樣式，HTML與處理邏輯。在jQuery時代，奉行的是 無侵入式javascript ，頁面雖然是拆成一塊塊，但最后是通過PHP等后端模板合並起來，並且把第一屏的數據直接灌進去，接着是無盡的選擇某些元素進行處理，選擇某些元素進行處理。jav ...
2014-09-10 10:14 1 3034 推薦指數：
相關推薦
迷你MVVM框架 avalonjs 學習教程16、過濾器
avalon的過濾器是參考自angular與rivets。它也被稱做管道文本過濾器，它的處理對象只能是文本（字符串），它只能用在文本綁定中，並且只能是雙花括號形式。下面是各大家的過濾器比較： riv ...
迷你MVVM框架 avalonjs 學習教程19、avalon歷史回顧
avalon最早發布於2012.09.15,當時還只是mass Framework的一個模塊,當時為了解決視圖與JS代碼的分耦，參考knockout開發出來。 它的依賴收集機制，視圖掃描，綁定的命名data-*都與knockout差不多。它總共900行。 當時的理論體現在我在注釋的這一段 ...
迷你MVVM框架 avalonjs 學習教程21、雙向綁定鏈
avalon的雙向綁定機制，是通過一條依賴鏈實現。此依賴鏈最底層是監控屬性、監控數組，中層是計算屬性、監控函數，再上點是求值函數，最上層是視圖刷新函數。 所謂計算屬性，監控屬性，監控函數屬性，我 ...
迷你MVVM框架 avalonjs 學習教程9、類名操作
ms-class是avalon用得最多的幾個綁定之一，也正因為如此其功能一直在擴充中。根據時期的不同，分為舊風格與新風格兩種。 舊風格是指ms-class-xxx=”expr”，*ms-class- ...
迷你MVVM框架 avalonjs 學習教程1、引入avalon
avalon是國內最強大的MVVM框架，沒有之一，雖然淘寶KISSY團隊也搞了兩個MVVM框架，但都無疾而終。其他的MVVM框架都沒幾個。也只有外國人與像我這樣閑的架構師才有時間鑽研這東西。我很早之前就預言，MVVM是前端的終極解決方案。我之前在盛大無線做盛大通行證就深有體會，一個業務邏輯對應 ...
迷你MVVM框架 avalonjs 學習教程10、樣式操作
一般情況下我們通過設置類名就可以改變元素的樣式，但涉及到動畫部分，就一定需要設置內聯樣式了，因此有了ms-css。*ms-css*的用法為ms-css-樣式名="樣式值"， 如ms-css-width ...
迷你MVVM框架 avalonjs 學習教程12、數據聯動
在許多表單應用，我們經常遇到點擊一個復選框（或下拉框）會引發旁邊的復選框（或下拉框）發生改變，這種聯動效果用avalon來做是非常簡單的。在avalon里，存在各種綁定回調與$watch回調，完全滿足 ...