解决问题1
11.jquery获取radio(表单中的单选按钮)的值
image.png
"identity":$("input[type='radio']:checked").val()
12.循环数组生成的按钮,实现点击一个按钮后禁用五秒可再次点击
image.png
(1)解决失效问题:回调函数
_this.$nextTick(function(){
setTimeout(()=>{
_this.dialogImportMember = false;
},3000) })
(2)解决作用在一个按钮问题:点击事件操作dom
如:给每个按钮加不一样的refs
image.png
13.导航栏封装
image.png
image.png
data(){ return{ } }
14.click事件不生效
对后来js代码生成的HTML直接用js的代码是不生效的,必须用on或者特定的代码,
如使用 on()绑定事件 如:$("body").on("click",element,fn);
15.动态添加元素绑定事件在IOS上失效
解决办法:
(1)使用 on()绑定事件 如:$("body").on("click",element,fn);
(2)在最初查找的元素样式中设置:cursor:pointer;
16.实现段落的两端对齐
解决办法:text-align: justify; text-justify: inter-ideograph;/IE/
17.让文字和图片都居中的简单方法:
height: 300px; line-height: 300px; margin: 100px auto;text-align: center;
display: inline-block; line-height: 20px;vertical-align: middle;
18.密码必须是8-16位数字、字母组合
^(?![0-9]+)(?![a-zA-Z]+)[0-9A-Za-z]{8,16}$
19.处理年月日,哪一日到现在是天時分秒
getTime:function () {
let self=this;
let s1 = '2017/03/16';
s1 = new Date(s1);
setInterval(() =>{
let s2 = new Date();
let days = s2.getTime() - s1.getTime();
self.day = parseInt(days / (1000 * 60 * 60 * 24));
self.hour = parseInt(days % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
self.minutes = parseInt(days % (1000 * 60 * 60 )/(1000 * 60 ));
self.second = parseInt(days % (1000 * 60 )/1000);
if(self.hour<10){ self.hour="0"+self.hour; }
if(self.minutes<10){ self.minutes="0"+self.minutes; }
if(self.second<10){ self.second="0"+self.second; }
},1000)
}
20.IE浏览器 input 去掉文本框的叉叉"X "和密码输入框的眼睛图标
从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。
对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。
只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。
::-ms-clear,::-ms-reveal{display:none;}
其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。
也可以单独清除其中一项