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

Posted 2020-07-31 起个好名字

本章讲的是路由部分

 

再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会同时发生改变。

 

接下来就是核心部分，页面跳转了。