本文實(shí)現(xiàn)自定路由，主要是事件hashchange的使用，然后根據(jù)我們的業(yè)務(wù)需求封裝。

首先實(shí)現(xiàn)一個(gè)router的類，并實(shí)例化。

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開(kāi)發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

function _router(config){
    this.config = config ? config : {}; 
}    
_router.prototype = {
    event:function(str,callback){
        var events = str.split(' ');
        for (var i in events) window.addEventListener(events[i],callback,false);
    },
init: function() {
    this.event('load hashchange',this.refresh.bind(this));
    return this;
},
refresh: function() {
    this.currentUrl = location.hash.slice(1) || '/';
    this.config[this.currentUrl]();
},
route: function(path,callback){
    this.config[path] = callback || function(){};
}
}
function router (config){
    return new _router(config).init();
}

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開(kāi)發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

 

上邊唯一需要注意的是，在使用addEventListener的時(shí)候，需要注意bind函數(shù)的使用，因?yàn)槲沂遣攘丝?，這才體會(huì)到$.proxy()。

上邊使用的時(shí)候可以使用兩種方法進(jìn)行注冊(cè)，但第二種是依賴第一種的。

方法一：

var Router = router({
    '/'&