最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實(shí)現(xiàn)簡單路由器功能的方法

 更新時(shí)間:2015年05月27日 15:29:13   作者:不吃皮蛋  
這篇文章主要介紹了JS實(shí)現(xiàn)簡單路由器功能的方法,基于javascript模擬簡單路由編碼的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)簡單路由器功能的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

var wawa = {};
wawa.Router = function(){
  function Router(){
  }
  Router.prototype.setup = function(routemap, defaultFunc){
    var that = this, rule, func;
    this.routemap = [];
    this.defaultFunc = defaultFunc;
    for (var rule in routemap) {
      if (!routemap.hasOwnProperty(rule)) continue;
      that.routemap.push({
        rule: new RegExp(rule, 'i'),
        func: routemap[rule]
      });       
    }
  };
  Router.prototype.start = function(){
    console.log(window.location.hash);
    var hash = location.hash, route, matchResult;
    for (var routeIndex in this.routemap){
      route = this.routemap[routeIndex];
      matchResult = hash.match(route.rule);
      if (matchResult){
        route.func.apply(window, matchResult.slice(1));
        return; 
      }
    }
    this.defaultFunc();
  };
  return Router;
}();
var router = new wawa.Router();
router.setup({
  '#/list/(.*)/(.*)': function(cate, id){
      console.log('list', cate, id);
    },
  '#/show/(.*)': function(id){
      console.log('show', id); 
    }
}, function(){
  console.log('default router');
});
router.start();

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 微信小程序scroll-view指定滾動(dòng)元素起始位置怎么做

    微信小程序scroll-view指定滾動(dòng)元素起始位置怎么做

    scroll-view為滾動(dòng)視圖,分為水平滾動(dòng)和垂直滾動(dòng),這篇文章主要給大家介紹了關(guān)于微信小程序scroll-view不能左右滑動(dòng)問題的解決方法,需要的朋友可以參考下
    2022-12-12
  • 自用js開發(fā)框架小成 學(xué)習(xí)js的朋友可以看看

    自用js開發(fā)框架小成 學(xué)習(xí)js的朋友可以看看

    前段時(shí)間項(xiàng)目需要用到j(luò)s樹,找了好多都不符合項(xiàng)目需求,后來發(fā)現(xiàn)了梅花雪樹和js框架,類似C#名稱空間的用法讓我眼前一亮,遂拿來主義,讀了幾遍代碼后就開工了(我是個(gè)急性子呵呵),完成了大部分,最近才找出來測試了下。
    2010-11-11
  • js實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片產(chǎn)生遮罩效果

    js實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片產(chǎn)生遮罩效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片產(chǎn)生遮罩效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • HTML+JavaScript實(shí)現(xiàn)掃雷小游戲

    HTML+JavaScript實(shí)現(xiàn)掃雷小游戲

    這篇文章主要為大家詳細(xì)介紹了HTML+JavaScript實(shí)現(xiàn)掃雷小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • IE6/7中g(shù)etAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同

    IE6/7中g(shù)etAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同

    IE6/7中g(shù)etAttribute獲取href/src 屬性(相對路徑0值與其它瀏覽器不同的解決方法
    2011-08-08
  • 工作中常用js功能匯總

    工作中常用js功能匯總

    這篇文章主要介紹了一些工作中常用js功能的匯總,幫助大家提高工作效率,加深對js的理解,感興趣的朋友可以了解下
    2020-11-11
  • 最新評論

    彩票| 杭锦后旗| 会理县| 金寨县| 沁水县| 陕西省| 安达市| 集贤县| 肥东县| 射阳县| 鄂托克前旗| 开原市| 扎兰屯市| 祁门县| 开平市| 凤庆县| 弥勒县| 泽州县| 通许县| 万载县| 夏河县| 嘉善县| 滨州市| 通化县| 垫江县| 深泽县| 五指山市| 公安县| 阿克苏市| 许昌市| 古浪县| 斗六市| 西盟| 桂阳县| 宣武区| 永济市| 虹口区| 思茅市| 皋兰县| 连江县| 双鸭山市|