一个完整的移动端项目的构建步骤——框架搭构2

Posted 2020-07-31 起个好名字

首页部分

　　这里暂且不管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ú)板。