web前端总结

1.用load载入页面，载入页面的js可能不执行，体现为插件在单独页面时可以渲染，载入则不执行渲染。推荐载入menu其他部分采用绝对定位
2.append进的class=toReserve元素绑定事件失效
使用将事件直接绑定在DOM树上，也就是采用on函数,meetingRoom是最近的一个dom

$("#meetingRoom").on("click",".toReserve",function () {
    layer.alert("调用成功");
})

3.JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；
4.对于插件往往渲染过后元素会替换，所以数据准备需要在渲染前都准备到各自的位置上。
5.empty和remove
empty只是清空div的内容
remove是移除整个元素
6.   "async":false,  //同步方式发起请求
控制ajax请求完成后再执行其他操作如  $('.demo').fSelect();

$.ajax({
        "type":"POST",
        "url":_url+'/admin/showDeviceList',
        "async":false,  //同步方式发起请求
        "success":function(res){
            for(var i=0;i<res.data.length;i++){
                console.log(res.data[i].de_name);
                $("#equipment").append("<option value="+res.data[i].de_name+">"+res.data[i].de_name+"</option>");   
            }
            $('.demo').selectpicker('refresh');
            
           },
        "error":function(jqXHR){
            layer.alert("获取设备列表失败");
        }
    });
      $('.demo').fSelect();

7. layer的捕获页

layer.open({
                    type: 1,//捕获页
                    closeBtn: 1,
                    title: "报修单填写",
                    shadeClose: true,
                    skin: 'layui-layer-lan',//蓝色框
                    anim: 4,
                    area: ['400px', '200px'],
                    content: $('#repairRes'),
                    end: function (index, layero) {
                        $('#repairRes').css("display","none");//使弹层关闭后dom元素重新display=none
                    }
                });

8.关于cookie的生存时间
设置Cookie对象的有效时间， setMaxAge()方法便可以设置Cookie对象的有效时间，

Cookie c = new Cookie(“username”,”john”);
c.setMaxAge(60);//60秒的意思
c.setMaxAge(60*60);//一小时
c.setMaxAge(365*24*60*60);//一年

如果不设置过期时间，则表示这个cookie生命周期为浏览器会话期间，只要关闭浏览器窗口，cookie就消失了。

这种生命期为浏览会话期的cookie被称为会话cookie。会话cookie一般不保存在硬盘上而是保存在内存里。

如果设置了过期时间，浏览器就会把cookie保存到硬盘上，关闭后再次打开浏览器，这些cookie依然有效直到超过设定的过期时间。存储在硬盘上的cookie可以在不同的浏览器进程间共享，比如两个IE窗口。而对于保存在内存的cookie，不同的浏览器有不同的处理方式。

cookie.setmaxage设置为0时，会马上在浏览器上删除指定的cookie

cookie.setmaxage设置为-1时，代表关闭当前浏览器即失效。
9.
    对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
    对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

10.
监控input框内容改变事件

$('#department').bind('input propertychange', function(){

}）

11.获取多选框的值

function chk(){
    notification=[];
    $('input:checkbox').each(function() {
        if ($(this).prop("checked")) {
            notification.push($(this).val());
        }
    });
    return notification;
}

12.  获取当前日期后几天前几天

 function GetDateStr(AddDayCount) { 
            var dd = new Date();
            dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期-30  -7   0   7
            var y = dd.getFullYear(); 
            var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);//获取当前月份的日期，不足10补0
            var d = dd.getDate()<10?"0"+dd.getDate():dd.getDate();//获取当前几号，不足10补0
            return y+"-"+m+"-"+d; 
      }

13.清除cookie

setCookie("currentId",resp.data.ee_id);
function setCookie(name,value){
    var Days = 1;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ encodeURI (value) + ";expires=" + exp.toGMTString()+";path=/";
}

clearAllCookies("currentId");
function clearAllCookies(name){
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "="+null+"; expires=" + date.toGMTString()+ "; path=/";    
}

14.input框获取焦点不变蓝

input:focus{outline:none;}