avalon2學習教程05屬性操作
avalon2與avalon1的屬性操作雖然都是使用ms-attr，但用法完全不一樣。 avalon1是這樣操作屬性的 其語法為 ms-attr-valueName="vmProp" 有多少個屬性就寫多個ms-attr-。其中不能省略。此外，還存在ms-title ...
原文：avalon2學習教程01
經過難苦奮戰，avalon 終於面世了。這花了大半年時間，其中 . 還胎死腹中。長達半年沒有產出，我都擔心自己會被裁掉 avalon 許多API與 . . 保持一致，當然也添加了一些 . 的功能，此外隨着react的紅紅火火，對它的研究，也集成到此框架中。 我們先來一個簡單的例子 View Code 如果大家學過avalon . 就好辦，沒學也沒關系。作為時下兼容性最好的MVVM框架，avalon ...
2016-04-06 21:39 7 6739 推薦指數：
相關推薦
avalon2學習教程02之vm
avalon2的vm是一個非常重要的東西，其設計原型最初脫胎於knockout.js，但到avalon1.6中，終於尋得自己的方案，更精簡，更易用，更魔幻。 vm是一種特殊的數據結構，看起來像普通對象，但它大部分屬性都被重寫了，從而實現“操作數據即操作視圖”的效果。我們在定義vm時，一般需要定義 ...
avalon2學習教程12數據驗證
avalon2砍掉了不少功能（如ms-include,ms-data），騰出空間加了其他更有用的功能。數據驗證就是其中之一。現在avalon2內置的驗證指令是參考之前的oniui驗證框架與jquery validation。 avalon內置驗證規則有 規則 ...
avalon2學習教程09循環操作
avalon2的循環指令的用法完全改變了。avalon最早期從knockout那樣抄來ms-each,ms-with，分別用於數組循環與對象循環。它們都是針對元素內容進行循環。后來又從angular那里抄來了ms-repeat， 這是循環元素內部的。 到avalon2，這三個指令合並成一個 ...
avalon2學習教程14動畫使用
avalon2實際上沒有實現完整的動畫模塊，它只是對現有的CSS3動畫或jquery animate再包裝一層。 我們先說如何用CSS3為avalon實現動畫效果。首先要使用avalon.effect注冊一個特效。 所有注冊了的特效，都可以在avalon.effects對象中找到 ...
avalon2學習教程11數據聯動
在許多表單應用，我們經常遇到點擊一個復選框（或下拉框）會引發旁邊的復選框（或下拉框）發生改變，這種聯動效果用avalon來做是非常簡單的。因為avalon擁有經典MVVM框架的一大利器，雙向綁定！絕大部分的指令是從vm單向拍到頁面，而雙向綁定，則通過監聽元素的value值變化，反向同步到vm中 ...
avalon2學習教程 03數據填充
！ 在avalon1中，存在四種數據填充的手段 {{expr}}, {{expr|html}}, ms-tex ...
avalon2學習教程06樣式操作
avalon2的ms-css的變革思路與ms-attr一樣，將多個操作合並成到一個對象里面處理，因此沒有ms-css-name="value"，只有ms-css="Object"或ms-css="Array". 注意，當你用對象字面量的方式傳參時，注意存在－號的鍵名要用“”號括 ...