# lofox

**Repository Path**: bh-lay/lofox

## Basic Information

- **Project Name**: lofox
- **Description**: 用于实现单页面路由控制的工具。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-18
- **Last Updated**: 2022-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#lofox是什么
一个用于单页面路由管理的工具。[demo](http://bh-lay.github.io/lofox/index.html)

#demo
目前lofox用于易班（学生互动社区）的[个人主页](http://www.yiban.cn/p/767294)，和剧中人的博客[小剧客栈](http://bh-lay.com)。

#如何使用
lofox操作页面地址匹配及监控，不处理模加载及MVC部分，下面一个个简单的例子。

```javascript
//创建一个监管实例
var app = new util.lofox();
//监听地址
app.set('/',function(){
  this.title('小剧客栈_剧中人的个人空间');
  //do something
});
app.set('/blog',function(){
  this.title('博文列表页');
  //do something
});

app.set('/blog/{id}',function(data){
  this.title('博文详情页');
  alert('id为：' + data.id);
  //do something
});

//发布相关
app.set([
	'/publish/',
	'/publish/{type}',
	'/publish/{type}/{id}'
],function(data){
	this.title('发布台');
	//do something
	
});

//未在路由中匹配到的url
app.rest(function(){
	//do something
});

//视图刷新前
lofox.on('beforeRefresh',function(){
    //
});
//视图刷新事件
lofox.on('refresh', function (pathData,search) {
    //
});

/**
 * 检测链接是否为提供给js使用的地址
 *   无地址、 javascript:: 、javascript:void(0)、#
 **/
function hrefForScript(href){
    return (href.length == 0 || href.match(/^(javascript\s*\:|#)/)) ? true : false;
}
//主动修改url并刷新
$('body').on('click','a.singlePage',function(){
  var url = $(this).attr('href');
  //过滤掉给JS准备的链接
  if(hrefForScript(url)){
    return
  }
  //检测url是否在路由中
  if(app.isInRouter(url)){
    //修改地址(不检测set记录)
    app.push(url)
    //匹配set记录
    app.refresh();
  }
});
```