# work

**Repository Path**: limithacker/work

## Basic Information

- **Project Name**: work
- **Description**: my work git
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-04-13
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# develop doc

when some page should login to see

```javascript
if (!localStorage.token){
    window.location.href="/login.html?redirect_uri="+encodeURIComponent(window.location.pathname);
}
```

## page.js使用方法

首先显然是在页面引入page.js

```html
<script src="/assets/lib/page.js"></script>
```

然后，先创建一个对象，一个对象对应这一个翻页器

```javascript
var page1=paging();
```

这个对象有个init方法，接收4个可选参数

```javascript

// 第一个参数为要显示第几页，第二个参数为项目总数，第三个参数为点击页码之后的回调函数，第四个参数limit，表示一页显示多少个项目，不写默认6个
page1.init(1,0,$('#page1'),function(){
    // 回调函数内可使用$(this).data('page')获取准备翻到的那一页
    $("input[name='page']").val($(this).data('page'));
    choose();
});
```


因为项目总数只能请求之后获取，你可以在ajax的回调内再次init，这时可不用传入所有参数，仅需page和total即可

```javascript
// 这里使用了$("input[name='page']")暂存，也可以直接传参
function choose(){
    var page=$("input[name='page']").val();
    util.ajax({
        url:'/member/apply/list'+'?status='+statusid+'&status='+statusid+'&page='+page+'&limit=6',
        type:'post',
        success:function(res){
            page1.init($("input[name='page']").val(),res.data.total)
    })
}
        
```

例子
```
/my/application.html
```
## 关于nav

目前项目中有两种js加载方式，一种是直接加载，一种是AMD方式引入

如果是直接加载，在最下面引入3个js

```html
<!-- nav -->
<script src="/assets/lib/js.cookie.js"></script>
<script src="/assets/js/nav.js"></script>
<script src="/assets/lib/headfooter.js"></script>
<!-- nav end -->
```

如果是AMD方式引入，则比较复杂
首先，该页面的javascript类似这样

```javascript
require(['jquery'],function($){


})
```

你需要引入两个静态页面，以及nav初始化的js，修改后的代码类似这样

```javascript
require(['jquery','Cookies','text!/common/nav.html','text!/common/footer.html','navInit'],function($,Cookies,navHtml,footerHtml,navInit){
    $(".global-nav").html(navHtml);
    $(".global-footer").html(footerHtml);
    navInit();

})
```
关于nav.js，该模块是一个添加了依赖的UMD模块，如果需要更新依赖项，需要在以下几行代码都做改动，注意依赖项暴露的变量名一定要一致

```javascript

(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(util,Cookies) :  //这里有两个
	typeof define === 'function' && define.amd ? define(['util','Cookies'],factory) :   //这里有两个
  // here name is your name
	(global.navInit = factory(util,Cookies));   //这里有两个
}(this, (function (util,Cookies) {    //这里有两个，就是这么僵硬
    return function navInit(){

    }
})))
```

以上，2018年5月22日更新的文档