為了驗證avalon的可用性與高效性，我用它重新實現jQuery ui。打造過程如下，直接到jQuery ui官網，查看它們的運行效果，不看其JS源碼，然后取其HTML結構修改。使用了MVVM編寫代碼，能保證你思維清晰暢順，不用在DOM邏輯與數據處理中跳來跳去，因此帶來比jQuery還強大的革命性 ...

本教程將介紹avalon的高級特性 date過濾器的使用, 這個與angular的date過濾器的使用方法差不多，{{xxx|date("yyyy MM d")}} $watch監聽，相當於把監控屬性變成一種事件，當它變化時，就執行它綁定的回調。vm.$watch("firstName ...

最近在做公司內部的運營管理系統，因為與日歷密切相關，同時無需觸發條件直接顯示在頁面上，所以針對這樣的功能場景，我就用avalon快速實現了一個簡易日歷，畢竟也是第一次造日歷這種輪子，所以這里記錄下我當時的一些思路，一來做一些技術總結，二來也是給像我這樣第一次做日歷的前端工程師一些參考 ...

最近有許多人問我怎么用這東西，如果是那些用過knockout的人還好，之前沒有接觸過MVVM的人可能一頭霧水。大多數人被我那個jquery ui的演示吸引過來，都深感它的威力之大。 這里詳細介紹一下它的用法吧。 第一步，當然是引入avalon庫，就像引入jQuery庫那樣，當然要從官網下。現在 ...

本文將深入介紹一下avalon的運作機理及與jQuery的區別。 許多人都知道MVVM是MVC的一個變體，但那些MVC是在后端的，包括微軟的WPF，這意味着這個V與我們前端接觸到的V差別很大。后端的V就是使用各種模板拼湊成一個靜態頁面給前端。而前端的V在JSer的眼中就是一個巨大的DOM樹 ...

廢話說了大幾篇,我們開始來點干貨了~ ViewModel的內部機制 在MVVM中，數據是核心。而jQuery則以DOM為核心。 而DOM只是HTML在JS的世界的抽象，是一個很易變的東西。因此如果業務代碼遍歷選擇器表達式會非常難維護。但不可否認，jQuery是操作DOM的王者 ...

接觸avalon差不多有一年時間了，當時是看前端大牛司徒正美的博客才了解到還有這么一個高大上的玩意，然后就加入了avalon的討論群。從群里零零散散的了解了avalon的一些特性，感覺很強大，感覺思想比較超前，連jquery也成了他們的吐槽對象。司徒正美鼓吹使用avalon代碼量比使用 ...

avalon大家可能不熟悉，但是Knockout估計或多或少聽過用過，那么說說KO的幾個概念 監控屬性（Observables）和依賴跟蹤（Dependency tracking） 聲明式綁定（Declarative bindings） 模板（Templating） 本章主要 ...