使用avalon 實現一個序列號功能
avalon“操作數據即操作DOM”的能力，讓我們可以專致於業務，寫出更專業，更優雅，更易維護的代碼來。現在讓我們看看如何實現一個序列號輸入功能。它的需求以下： 每輸入4個字符就跳到下一個輸入框。 不能輸入超過4個字符。 支持復制貼粘功能，每4個字符自動對位到相應的輸入框 ...
原文：使用avalon 實現一個訂座系統
avalon對交互非常復雜的WEB應用具有天然的優勢，它擁有兩大神器：計算屬性 這相當於后端WPF的DependencyProperty 與 watch回調。 我們的訂餐系統的要求如下，它有一個總額統計，會在用戶添加刪除座位時重新計算它，並且與我們火車的座位一樣，是分不同的檔次，軟卧肯定比軟座貴，軟座比硬座貴。我們需要使用一個數組來儲存所有的座位，循環它們使用ms each，而座位類型與價格成一一 ...
2013-09-19 14:31 4 2372 推薦指數：
相關推薦
使用MVVM框架avalon.js實現一個簡易日歷
最近在做公司內部的運營管理系統，因為與日歷密切相關，同時無需觸發條件直接顯示在頁面上，所以針對這樣的功能場景，我就用avalon快速實現了一個簡易日歷，畢竟也是第一次造日歷這種輪子，所以這里記錄下我當時的一些思路，一來做一些技術總結，二來也是給像我這樣第一次做日歷的前端工程師一些參考 ...
利用avalon 實現一個簡單的成績單
本文的靈感是來自Halower的這篇博文，他是使用knockout與jQuery實現的。不過我覺得MVVM本來就強大的事件綁定功能，因此用jQuery 是多此一舉。另，他也用了一些面向對象的寫法。我個人認為，純數據就該好好當純數據，作為數據模型（M）而存在，想操作數據，則交由視圖模型（VM ...
用avalon實現一個完整的todomvc（帶router）
照着todomvc官網的例子，做了一個avalon版的todos，功能全都有了，而且加了router模塊，比司徒大大寫的都完善(≧▽≦)/~ js文件整整100行，初次使用avalon，書寫過程中繞了一些彎子，不過還好最終繞回來了。整體感覺如下： 相比用jQuery，代碼量下去了 ...
使用avalon實現SKU組合查詢功能
SKU（stock keeping unit庫存量單位）組合查詢是網上商場一個非常常用的功能。具體來說，一件商品會有許多型號，許多顏色，許多產地，許多碼寸，而滿足用戶選中的這些條件的具體商品可能有庫存，也可能沒有。我們把型號，顏色，產地，碼寸什么的都分成一欄，每一欄的選項都有三種形態，可選，不可 ...
使用avalon ms-ui綁定實現基於組件的開發
讓日子過得輕松，必須讓代碼不斷往上抽象。avalon的一切就是為這個崇高的目的而迸進——操作數據即操作DOM，遠離DOM進行前端開發。javascript之所以在生命的前十年碌碌無為，都是因為開發者被這些兼容性問題搞怕了。在前十年，人們都是用着那些很底層的原生DOM方法，JS方法進行編程，效率異常 ...
avalon的使用與總結
avalon是前端MVVM框架，將所有前端代碼徹底分成兩部分，視圖的處理通過綁定實現（angular有個更炫酷的名詞叫指令），業務邏輯則集中在一個個叫VM的對象中處理。我們只要操作VM的數據，它就自然而然地神奇地同步到視圖。 作用域綁定ms-controller：<div ...
如何做一個avalon組件
在avalon1.5中改用更直觀的自定義標簽來聲明組件，廢掉ms-widget，引入更強大的生命周期管理，可以讓組件任意套嵌。 組件是由JS，HTML，CSS構成 JS 以AMD形式組織，引入HTML與CSS HTML是組件的模板, 模板里面使用ms-*等指令 JS內部是一個 ...