avalon與webpack寫單頁面應用，使用mmState控制路由跳轉

學習和使用avalon已經一個多月了,中間歷經坎坷,踩坑跳坑,也算是積累了一些avalon的相關實踐的經驗. 趁著項目結束,終于有閑暇實踐來整理和沉淀這些知識.

這是一個集成了avalonjquerygulpwebpackmmstatepurecss的偏工程化的一個項目模板,支持異步加載和打包，替換oniui的avalon和avalon.shim版本為1.4.7.1，目前熱替換部分還有一些問題,等以后再解決了. 熱替換已解決

在線訪問

項目主頁

使用方法

注意事項

1. mkdir demo && cd demo && git clone https://github.com/wandergis/avalon-webpack-spa.git

2. npm install確保安裝了node,及全局安裝了gulp和webpack

3. gulp或者npm start

效果截圖

關于ie8的兼容問題

1. ajax在低版本ie下默認會從緩存讀取，需要加上對應的時間戳，直接在avalon.ajax的請求配置的cache設置為false
2. 需要取vm的值的情況下請使用vm的$model屬性
3. 數組的增加和獲取長度請使用pushArray和size
4. 不要直接定義data:{}然后給data動態增加屬性,不要過多的嵌套
5. oniui的分頁控件在數據獲取之后再設置，否則ie8下面不出現
6. 驗證控件的異步問題，將邏輯寫在validationVM.validateAll的驗證成功的方法中
7. 綁定下拉框的數據獲取，只需要select的綁定的對象的值
8. 使用oniui最好使用1.4.7版本的avalon，解決了光標和下拉聯動的問題

參考文章

• webpack入門指謎
• webpack打包avalon＋oniui+jquery
• webpack+avalon+mmState打包方案

項目主頁：http://www.baiduhome.net/lib/view/home/1449999463487