移动端开发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);

本文标题:移动端开发tips
本文链接:https://56way.com/p/51.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。