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();

h5前端animate等js特效问题汇总

原文：http://www.cnblogs.com/Basu/p/7857030.html