一个完整的移动端项目的构建步骤——框架搭构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

标签：

原文地址：http://www.cnblogs.com/thestudy/p/5624796.html