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

標籤：

首頁部分

　　這裡暫且不管css和img部分，因為這裡非常好處理，隨便給css設定點東西，作為調試使用，接下來，開始正式的編寫——

首先，將各種第三方外掛程式全部載入進去，即

<script src="js/zepto.js"></script>
<script src="js/director.js"></script>

 

然後將下面的東西載入上去
<script src="js/module/baseModule.js"></script> ——基本模版
<script src="js/module/home.js"></script>　　　　——子模組特化home網頁部分
<script src="js/module/rank.js"></script>　　　　——子模組特化rank網頁部分
<script src="js/module/login.js"></script>　　　　——子模組特化login網頁部分
<script src="js/route.js"></script>　　　　　　　　路由調整用的js
<script src="js/init.js"></script>　　　　　　　　 中轉站用的js

當然，裡面的東西都是空。

然後，我們第一個書寫baseModule部分。

我們會將多個網頁的代碼寫在一個html中，通過display將其控制，顯示或者隱藏，達到類似快速跳轉的作用。而大部分的子頁面中都存在重複東西，或者需要一個模板，所以我們專門建立這個網頁共通模(mú)板。

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