一個完整的移動端項目的構建步驟——架構搭構3

標籤：

本章講的是路由部分

 

再init中，代碼非常少，只有這麼點：

new Router({    ‘/:pageName‘: function (pageName) {            //執行對應的路由變化            routeModule.routers(pageName);    }.bind(this)}).init(‘/home‘);

這裡主要是靠著監聽到的雜湊函數，然後將其作為參數傳給下一個檔案，可以看成定位用的代碼。

雜湊函數是什麼，詳細的請看教程，這裡簡單來說就是地址欄最後的一段字串——

 

 

 上面的，#/rank和#/home就是雜湊值，分別代表rank頁面和home頁面，這裡就是監聽這種類型的資料，然後傳遞給下一個函數，告訴伺服器，現在登入的頁面是XXX，另，第三方就是director.js，傳遞的對象就是routeModule模組中的router函數，給了這個函數傳遞了一個參數。

 

init裡面的寫法基本上是固定的（簡單來說就是我也不知到也不需要知道），注意到當雜湊值發生改變的時候，‘/:pageName‘，pageName會同時發生改變。

 

接下來就是核心部分，頁面跳轉了。

 

一個完整的移動端項目的構建步驟——架構搭構3