移動端:web前端實用小技巧

及時搜索

1. onchange 須要input onblur以後觸發，不能知足及時搜索需求
2. keypress 鍵盤點擊及時觸發，可是鼠標複製粘貼就不是很好了，
3. input oninput是標準事件，當input元素value值發生改變時觸發
4. onpropertychange是當前對象發生改變，ie專屬（例如 input textarea）都可用

文字溢出顯示省略號

css 解決 text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
若是是行內元素 加一個display:block;
有的時候，移動端會由於設置了這個 塊級屬性而改變對齊方式，能夠選擇js控制
js substring 截取固定字符串，用...代替 便可

解決ios滑屏兼容

css:-webkit-overflow-scrolling:touch;-webkit-transform: translate3d(0,0,0);

清除a標籤 移動端閃爍效果

清除全部a標籤在點擊時出現的特效：a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

清除click事件閃爍效果

event.preventDefaule()阻止默認事件，若是有冒泡事件，還需阻止冒泡事件，event.stopPropagation()

JS永動機原理

「永動機」顧名思義就是一直運動的機器，原理是setIntval(function(){},time),顯示器渲染速度在1000ms 60z左右爲最佳，再快也渲染不上，因此time設置成爲20最好, 而控制時間部分，若是是20的整數倍能夠用次數來疊加
例如：

var num=0
setIntval(function(){
    num++
    if(num==5){
            alert("100ms")  ,ps:這個方法爲下等
    }
},20)

第二種方法是用 new Date() 獲取客戶端當前的時間，經過getTIme()轉化成毫秒，經過當前時間的改變來 執行你須要的方法
例如：

var lasttime=0;
setIntval(function(){
   var curtime=new Date().getTime()
   if(curtime-lasttime>=1000){
         alert("1s執行一次")
         lasttime=curtime
   }
},20)

永動機很適合作遊戲執行部分，感興趣的小夥伴能夠關注留言跟小編一塊兒探討一下

做者：易企秀——王明