移动端开发tips

最近移动端开发做了一些，记录一些需要用到的东西

1. 监测手机的旋转的函数

   	window.onorientationchange = function(){
   		 var r = getRota();
   		 if(r){
   			 //巴拉巴拉 ，做某些事情吧
   		 }
   	};
   	
   	function getRota() {
   		var rota = window.orientation;
   		if (rota == 0 || rota == 180) {//竖屏
   			var r =0;
   		} else if (rota == 90 || rota == -90) {//横屏
   			var r = 1;
   		}
   		return r;
   	}

2. window.resize的延时执行

   这是需要注意的地方，当手机旋转或者window.resize的时候我们可能需要重新绘制页面, resize有可能类似于mouseMove事件一样不停的触发，浏览器性能比较差就可能页面挂掉了，比如微信里的浏览器就性能比较差，我们需要加个定时器延时执行重新渲染的方法代码如下 1500是我自己随便写的一个值。。。

    var time=0;
    window.addEventListener("resize",function(e){
           //手机resize一般发生在旋转的时候或者键盘弹出，可以重新请求页面刷新数据等等某些操作,
           clearTimeout(time);
           time=setTimeout(function(){
               var bi_submit=document.getElementById("bi_submit");
               if(bi_submit){
                bi_submit.click();
               }
           },1500);
       },false);