##浏览器窗口监听事件
```
window.onresize
```
##获取窗口大小
```
document.body.clientWidth
```
##layui
.layui是jquery的一个模块化插件,用以前须要引入整一个layui模块,调用其中的layui.css layui.js文件
.使用layui分页配合接口的书写方式
layui.use(['laypage', 'layer'], function() {
var laypage = layui.laypage,
layer = layui.layer;
//测试数据
var data = [
'北京',
'上海',
'广州',
'深圳',
'赣州',
'宁波',
'绍兴',
'无锡',
'苏州',
'徐州',
];
var nums = 1; //每页出现的数据量
//模拟渲染
var render = function(curr) {
//此处只是演示,实际场景一般是返回已经当前页已经分组好的数据
var str = '',
last = curr * nums - 1;
last = last >= data.length ? (data.length - 1) : last;
for (var i = (curr * nums - nums); i <= last; i++) {
str += '<li href="$yeshu=' + i + '">' + data[i] + '</li>';
}
return str;
};
//调用分页
laypage({
cont: 'demo3',
pages: Math.ceil(data.length / nums) //获得总页数
,
curr: 3,
groups: 5,
first: 1,
last: Math.ceil(data.length / nums),
hash: 'yeshu',
// first: 1,
// last: 10,
prev: '<em><<</em>',
next: '<em>>></em>',
jump: function(obj) {
document.getElementById('biuuu_city_list').innerHTML = render(obj.curr);
}
});
});css