avalon.js路由

以前本身寫了一個AJAX加載頁面的方法；有時候一個頁面裏面會分區域加載不一樣的東西（div，html），可是IE的回退按鈕，就失去任何意義了；

這兩天研究了一下avalon.js的路由；

須要準備：

一、引入mmRouter（請將mmRouter.js、mmHistory.js這兩個文件與avalon.js放在一塊兒）；

二、在頁面中定義VM；

三、定義路由規則（能夠參考avalon提供的API）；

四、啓動歷史管理器；

五、開始掃描  （avalon.scan()）;

mmHistory是用於歷史管理，它會劫持頁面上全部點擊連接的行爲，當這些連接是以#/ 、#!/開頭，就嘗試匹配路由規則，阻止頁面刷新（經過hash方式或HTML5的replaceState方式）。mmRouter是給咱們定義路由規則，路由規則能夠更精細地指定每一個參數(param)的匹配規則，若是符合就執行對應的回調，若是不符合，就進入error回調。

• Hashbang模式(默認), 這個模式下全部瀏覽器都支持
• HTML5模式， 這個只能應用於firefox, chrome, safari，IE10+，若是瀏覽器不支持此特性，即便你設置avalon.history.start({html5Mode:true})，它也是在Hashbang模式下運行。

這上面兩點是要注意的；

avalon 路由支持路由嵌套；路由規則支持"{}"；具體能夠參考官方文檔