当前位置: 首页 > Web前端 > CSS

移动端:web前端实用技巧

时间:2023-03-30 23:09:18 CSS

timelysearchonchange需要在inputonblur后触发,不能满足timelysearch要求keypresskeyboardclick及时触发,但是mousecopyandpaste不太好用,inputoninput是标准事件,当input元素的值改变时,onpropertychange在当前对象发生Change时触发,ie-only(如输入textarea)可以使用textoverflow显示省略号css解决text-overflow:ellipsis;overflow:hidden;white-space:nowrap;如果是行内元素,添加一个display:block;有时候,移动端会因为设置这个块级属性改变对齐方式,可以选择js控制js子串截取固定字符串,替换成...解决ios滑屏问题兼容css:-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);清除移动端a标签的闪烁效果清除点击a标签时出现的所有特效:a{-webkit-tap-highlight-color:rgba(255,0,0,0);}清除点击事件的闪烁效果event.preventDefaule()防止默认事件,如果有冒泡事件,需要防止冒泡事件,event.stopPropagation()JS永动原理setIntval(function(){},time),显示器的渲染速度1000ms左右60z最好,再快也渲染不出来,所以时间最好设置为20,控制时间部分,如果是20的整数倍,可以用例如:varnum=0setIntval(function(){num++if(num==5){alert("100ms"),ps:这个方法比较劣质}},20)第二种方法是用newDate()获取客户端当前时间,通过getTIme()转换成毫秒,通过改变当前时间执行你需要的方法。例如:varlasttime=0;setIntval(function(){varcurtime=newDate().getTime()if(curtime-lasttime>=1000){alert("Executeoncein1s")lasttime=curtime}},20)永动机很适合游戏的执行部分。感兴趣的朋友可以关注留言和小编一起讨论