最近写了很多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