解决问题1

作者: 花开有声是我 | 来源:发表于2018-04-17 10:15 被阅读0次

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位数字、字母组合

image.png
^(?![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是密码查看按钮,也就密码框右边的小眼睛。
也可以单独清除其中一项

相关文章

  • 解决问题1

    11.jquery获取radio(表单中的单选按钮)的值 "identity":$("input[type='ra...

  • 2017-04-15晨读

    (习惯力)晨读感悟,解决问题,实际反馈,专注完善 1,解决问题:通常我们解决问题都分1.2.3.7四个步骤,既1...

  • 【iOS】Cocoapods问题

    1、连接超时 解决问题:

  • AndroidStudio SSL peer shut down

    1、解决问题记录

  • 需解决问题-1

    如何测一条视频能不能起量? 1.一个视频+n条标题?其中更换3-4个定向?分类大概换2-3个。 2.选取跑量情况较...

  • 8.8共读——第四章:如何用系统思维解决问题

    第四章在讲什么 如何解决问题,如果用系统思维解决问题,如何用系统思维解决问题,如何用复杂系统的思维解决问题。 1 ...

  • 日了狗

    1,解决问题 2,学习 3,脱离

  • 结构化思维之解决问题

    结构化思维与解决问题 解决问题的5个步骤:澄清问题、分析问题、提出假设、验证验证、解决问题。 1、澄清问题 澄清现...

  • 营销人员的核心竞争力

    1 解决问题的能力,(分析问题,解决问题,洞悉人性) 2.很高的悟性(想办法解决问题,遇到问题不是等靠要,而是需...

  • 7.3 职场核心竞争力培养

    1.解决问题的能力 (1)从各个市场活动及问题中去 锻炼自己解决问题的能力! 2.被动工作的时间. (1)通过思考...

网友评论

    本文标题:解决问题1

    本文链接:https://www.haomeiwen.com/subject/fllukftx.html