web前端总结
1.用load载入页面，载入页面的js可能不执行，体现为插件在单独页面时可以渲染，载入则不执行渲染。推荐载入menu其他部分采用绝对定位
2.appen进的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
$("#equipment").append("");
}
$('.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;}