使用avalon MVVM框架打造jquery ui的日歷
我直接把jquery datepicker的結構抄過來，類名也照搬。於是一個換膚的日歷就誕生了。 <div ms-controller="datepicker"> <div id="ui-datepicker-div ...
原文：使用avalon MVVM框架編寫日歷控件
本教程將介紹avalon的高級特性 date過濾器的使用, 這個與angular的date過濾器的使用方法差不多， xxx date yyyy MM d watch監聽，相當於把監控屬性變成一種事件，當它變化時，就執行它綁定的回調。vm. watch firstName , function alert 我是回調 不監聽屬性或方法的定義，就是 開頭，或放在 skipArray數組中。 if綁定，類 ...
2013-04-29 13:20 4 3102 推薦指數：
相關推薦
使用MVVM框架avalon.js實現一個簡易日歷
最近在做公司內部的運營管理系統，因為與日歷密切相關，同時無需觸發條件直接顯示在頁面上，所以針對這樣的功能場景，我就用avalon快速實現了一個簡易日歷，畢竟也是第一次造日歷這種輪子，所以這里記錄下我當時的一些思路，一來做一些技術總結，二來也是給像我這樣第一次做日歷的前端工程師一些參考 ...
迷你 MVVM框架avalon的使用教程
最近有許多人問我怎么用這東西，如果是那些用過knockout的人還好，之前沒有接觸過MVVM的人可能一頭霧水。大多數人被我那個jquery ui的演示吸引過來，都深感它的威力之大。 這里詳細介紹一下它的用法吧。 第一步，當然是引入avalon庫，就像引入jQuery庫那樣，當然要從官網下。現在 ...
使用avalon MVVM框架打造整一套jquery ui
為了驗證avalon的可用性與高效性，我用它重新實現jQuery ui。打造過程如下，直接到jQuery ui官網，查看它們的運行效果，不看其JS源碼，然后取其HTML結構修改。使用了MVVM編寫代碼，能保證你思維清晰暢順，不用在DOM邏輯與數據處理中跳來跳去，因此帶來比jQuery還強大的革命性 ...
迷你MVVM框架 avalon的魔術
本文將深入介紹一下avalon的運作機理及與jQuery的區別。 許多人都知道MVVM是MVC的一個變體，但那些MVC是在后端的，包括微軟的WPF，這意味着這個V與我們前端接觸到的V差別很大。后端的V就是使用各種模板拼湊成一個靜態頁面給前端。而前端的V在JSer的眼中就是一個巨大的DOM樹 ...
編寫一個日歷控件
這一小節就編寫一個小小日歷。日歷的編寫看起來不容易，實際上掌握了思路，編寫起來也很簡單。日歷的制作可以轉化成一個二維數組的排序，根據排序然后生成html代碼。 1.首先確定這個月的第一天是星期幾，再利用這日期確定其它日期的位置，最后定制成一個二維數組，根據二維數組生成 ...
輕量級前端MVVM框架avalon - ViewModel
廢話說了大幾篇,我們開始來點干貨了~ ViewModel的內部機制 在MVVM中，數據是核心。而jQuery則以DOM為核心。 而DOM只是HTML在JS的世界的抽象，是一個很易變的東西。因此如果業務代碼遍歷選擇器表達式會非常難維護。但不可否認，jQuery是操作DOM的王者 ...
使用mvvm框架avalon開發公司內部運營管理系統的一些心得
接觸avalon差不多有一年時間了，當時是看前端大牛司徒正美的博客才了解到還有這么一個高大上的玩意，然后就加入了avalon的討論群。從群里零零散散的了解了avalon的一些特性，感覺很強大，感覺思想比較超前，連jquery也成了他們的吐槽對象。司徒正美鼓吹使用avalon代碼量比使用 ...