个人常用js方法分享

最近写了很多h5项目,发现h5开发很多东西都是相同的,所以本人就将其中公用的方法罗列封装了,有需要用到的小伙伴可以借鉴,当然,如果有不够详尽或者有错误的地方,也希望大佬们多多指正。

首先,定义全局变量,老生常谈的封装问题。



(function(w){
  var tsMethod={};
  w.tsMethod = tsMethod;
})(window)

我要做的就是将所有的公共方法全部拓展到我定义的这个tsMethod对象上,当然了,我这里总结的方法是本人在实践项目内总结的,可能涵盖面还比较局限,之后会不断更新的,还希望大佬们多多给意见,多多指导。

1、根据环境获取后台访问域名(区分是线上环境还是测试环境)

tsMethod.getHost = function(){//根据环境获取后台访问域名
		if(window.location.href.indexOf("localhost")>-1 || window.location.href.indexOf("127.0.0.1")>-1  ||  window.location.href.indexOf("192.168")>-1){
			return "测试环境访问接口"
		}

		if(window.location.href.indexOf("www.???")>-1){
			return "线上环境访问接口"
		}
	}

2、获取公众号appID,这个appID会在很多地方(获取微信授权等)都会用到,所以独立出来真的很有必要

tsMethod.getAppid = function(){//获取公众号appID
		return "你的appID"
	}

3、获取主页链接(用于分享或者复制链接等)

tsMethod.webHost = function(){//获取主页链接
		if(window.location.href.indexOf("localhost")>-1 || window.location.href.indexOf("127.0.0.1")>-1  ||  window.location.href.indexOf("192.168")>-1){
			return  "测试"
		}
		if(window.location.href.indexOf("线上环境地址")>-1){
			return "线上环境首页地址"
		}
	}

4、cookie方法的处理(为了防止与浏览器cookies冲突(重名等))

tsMethod.setCookie =function(c_name, value, expiredays){
     var exdate=new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

tsMethod.getCookie = function(name){
	 var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	 if(arr=document.cookie.match(reg))
	  return (arr[2]);
	 else
	  return null;
}

tsMethod.delCookie = function(name){
		 var exp = new Date();
		 exp.setTime(exp.getTime() - 1);
		 var cval=tsMethod.getCookie(name);
		 if(cval!=null)
		  document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

5、第三方路由参数值的获取(code和accessToken)

tsMethod.parseQueryString = function (url) { 
        var reg_url = /^[^\?]+\?([\w\W]+)$/,
            reg_para = /([^&=]+)=([\w\W]*?)(&|$)/g,
            arr_url = reg_url.exec(url),
            ret = {};
        if (arr_url && arr_url[1]) {
            var str_para = arr_url[1], result;
            while ((result = reg_para.exec(str_para)) != null) {
                ret[result[1]] = result[2];
            }
        }
        return ret;
}

6、设备检测(pc端/移动端(安卓/iOS))

tsMethod.IsPC = function() {//pc/移动端
	    var userAgentInfo = window.navigator.userAgent;
	    var Agents = ["Android", "iPhone",
	                "SymbianOS", "Windows Phone",
	                "iPad", "iPod"];
	    var flag = true;
	    for (var v = 0; v < Agents.length; v++) {
	        if (userAgentInfo.indexOf(Agents[v]) > 0) {
	            flag = false;
	            break;
	        }
	    }
	    return flag;
}
tsMethod.isIOS = function() {//安卓/iOS
        var isIphone = window.navigator.userAgent.toLowerCase().indexOf("iphone")>-1;
        var isIpad = window.navigator.userAgent.toLowerCase().indexOf("ipad")>-1;
        return isIphone || isIpad;
}

7、时间格式处理(后端返回的时间格式可能与设置格式往往是有出入的,需要前端自己处理)处理变量私有化的核问题

tsMethod.changeTime = function(time,b){//时间转换
     var data= new Date(time.replace(/-/g, "/"))//这里可能还需要扩展iOS的方法,因为在iOS上某些格式的Date方法好像有问题
     var year = data.getFullYear();
     var month = data.getMonth() + 1;
     if(month<10){month="0"+month;}
     var day = data.getDate();
     if(day<10){day="0"+day;}
     var hour=data.getHours();
     if(hour<10){hour="0"+hour;}
     var minute=data.getMinutes();
     if(minute<10){ minute="0"+minute;}
     if(b==1){//显示到月日时分
       time=month+"月"+day+"日 "+hour+":"+minute
      }
     if(b==2){//显示年月日时分
       time=year+'年'+month+"月"+day+"日"+hour+":"+minute
     }
     if(b==3){//显示年月日
       time=year+'年'+month+"月"+day+"日"
     }
	 return time;
}

当然了,还有的方法我就不一一罗列了,感兴趣的朋友可以在我的Github上下载源码。

GitHub地址:https://github.com/tanshaojuran/tsMetho

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值