h5前端animate等js特效問題匯總

1.jq中的animate不要重復大量使用，會導致內存溢出或泄漏，很直觀的現象就是手機發熱太嚴重；

2.input 的button類型的去掉默認樣式並換顏色：

　　-webkit-appearance:none;

　　background-color:rgb();

　　border:none;

　　border-radius:5px;

3.js監聽觸摸事件：

document.getElementById("id").addEventListener(

　　"touchstart",function(){

　　　　alert(1);
});

上邊的只能是id，用class則無效

jq監聽：

$("#id").on("touchstart",function(){
      alert(1);      
});

4.input type='tel' 或者 number可彈出數字鍵盤

5.js的eval（）函數可執行js代碼；可用於將字符串轉化為同名對象：

var aaa = new Audio("");
var bbb = "aa"+"a";
var audioObj = eval(bbb);
audioObj.play(); //即可正常播放

6.注意：IOS系統有限制web網頁中的音頻視頻文件不能自動播放，必須在用戶交互一次之后才可以播放（安卓沒問題）

7.Audio對象的：

播放：Obj.play();

暫停：Obj.pause();

重播：Obj.currentTime() = 0; Obj.play();