开发笔记三

1.layui的 lay-separator="|"

给内部元素使用"|"进行分隔开。

2.js string全部替换

str.replace(/需要替换的字符串/g，"新字符串")

这个之前用到很多，记录一下。

3.word-break:break-all和word-wrap:break-word的区别

两者都是用来使文字换行的；

记住break-all是强制断词就好了，然后就会造成一个单词显示在第一行末尾和后一行开头两行的现象，行尾是对齐的；而后者，因为单词长度的原因会出现每行的行尾没有对齐的现象，当然，这不是bug。

效果图：

4.关于ajax的ie兼容性问题

现象：同一个接口，在ie里查回来数据始终是原来的数据；

原因：ie的ajax缓存；

解决方法：

（1）关闭ajax缓存

$.ajaxSetup({cache:false})

（2）给url拼接一个随机数或者时间戳

原理是让每一次请求都不相同，这样就不会使用缓存里的数据了。

当然，严格来说，使用随机数有很小很小很小很小的可能会两次的随机数相同，但是实际使用中基本不会有问题，比较保险就是拼接时间戳，至于写法，可以直接在url后边加上?+时间戳（对于已经有?和url参数的，那就使用&），或者（?XXX=时间戳），比如：

$.ajax({
            //解决ie缓存问题
            url: baseRoot + 'reflectionController/get?id=' + id + "&tamp=" + new Date().getTime(),
            type: 'get',
            dataType: 'json',
            async: false
        }).done(function (data) {
            if (data.code === 1) {
                var _str = sfRender(data.data.attachmentList);
                //添加files
                $('.file-box').html(_str);
                // 按钮绑定删除事件
                sfbd();
            }
        })

 

5.laypage的一些技巧

其实也谈不上技巧，就是一些使用频率稍微小一点的功能。

这里主要是动态改变pageSize和pageNum。

方法很多，比如，直接使用jsjquery改dom元素，或使用laypage的自带属性，还有laypage初始化时动态设置当前页和总页数，就是分别对应两个参数而已，如：

    laypage({
                            cont: 'memberPage',
                            pages: currentPage,
                            curr: currentPage,
                            groups: 3,
                            skip: true,
                            jump: function (obj, first) {
                                console.log(obj.curr);
                                if (!first) {
                                    
                                }
                            }
                        });

这里pages和curr就是对应的总页和当前页的参数。