一个轻量级的JS路由库——fd-router

January 18, 2016
author: feeldesignstudio.com

fd-router是一个简单轻量的JS路由库,主要用于一些简单的单页面应用。

源码在这里 喜欢记得给个Star~

fd-router中包含了详细的注释,目的主要不在于生产环境使用,而是希望用户通过对于源码的研究和扩展,可以快速搭建适合自己项目的路由库。

fd-router主要包含如下方法:

init(options)

初始化路由,设置路由模式(historyhash)和根目录。

Router.init({
    mode: 'history',
    root: '/'
});

add(route)

增加路由(注册路由)

Router.add({
    path: /about\/(.*)/, //可以使用正则表达式,每一个()匹配将会作为参数传入enterHandler、handler和exitHandler
    params: [1, 2],  //初始参数,enterHandler、handler和exitHandler的参数包含params和path中匹配的参数
    enterHandler: function () {  
        //路由进入时触发的回调,如果返回false,则handler不触发
        console.log('enter about');
    },
    handler: function () {
            //路由回调
        console.log('do about');
    },
    exitHandler: function () {
        //路由退出时触发的回调
        console.log('exit about');
    }
});

remove(routeArray)

移除路由。只需要有path即可。

Router.remove([
    {path: /about/}, 
    {path: /info/}
]);

listen()

开始监听路由。

go(path)

导航到路由。

Router.go('/about/');
Tips: 评论也可以匿名哦,不一定注册的,只需要勾选匿名评论(I'd rather post as a guest)即可