把今天工做用到的能写出来的东西给之后看

##浏览器窗口监听事件
```
    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

相关文章
相关标签/搜索