龙空技术网

web前端网页开发中常用js方法封装

吾爱干货 155

前言:

现时各位老铁们对“js封装标准”大致比较重视,兄弟们都需要学习一些“js封装标准”的相关文章。那么小编在网上搜集了一些对于“js封装标准””的相关内容,希望小伙伴们能喜欢,各位老铁们一起来了解一下吧!

前言

web前端网页开发中,经常用到一些常用的方法,有时候会在多个页面重复写,就造成了代码冗余,所以这里我封装成了一个公共js,方便调用。

代码【main.js】

/** * 获取url链接后的参数 * 参数存在返回参数值,不存在返回null * @param name * @returns {string|null} */function getUrlParam(name) {    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");    var r = window.location.search.substr(1).match(reg);    if (r != null) return unescape(r[2]);    return null;}/** * 获取当前url的相对路径 * @returns {string} */function getUrlRelativePath(){    var url = document.location.toString();    var arrUrl = url.split("//");    var start = arrUrl[1].indexOf("/");    var relUrl = arrUrl[1].substring(start);    if(relUrl.indexOf("?") != -1){        relUrl = relUrl.split("?")[0];    }    return relUrl;}/** * 日期时间格式化 * @param fmt * @returns {*|void|string} * @constructor */Date.prototype.Format=function(fmt){    var o={        "M+":this.getMonth()+1,//月份        "d+":this.getDate(),//日        "H+":this.getHours(),//小时        "m+":this.getMinutes(),//分        "s+":this.getSeconds(),//秒        "q+":Math.floor((this.getMonth()+3)/3),//季度        "S+":this.getMilliseconds()//毫毛    };    if(/(y+)/.test(fmt)) fmt=fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length));    for (var k in o)        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));    return fmt;};/** * 判断是否为undefined * @param value * @returns {boolean} */function isUndefine(value) {    return typeof(value) == undefined ? true : false}/** * 判断对象是否为空 * @param obj * @returns {boolean} */function isEmptyObj(obj) {    return JSON.stringify(obj) == "{}" ? true : false}/** * 判断是否为 * @param value * @returns {boolean} */function isNaNType(value) {    if (typeof(value) === "number" && isNaN(value)) {        return true;    } else {        return false;    }}/** * 合并数组 * @param arr1 * @param arr2 * @returns {any[] | string} * @constructor */function ContactArr(arr1,arr2){    return arr1.concat(arr2)}/** * 筛选数组对象中符合条件的数组 * @param arrObj */function filtterArr(arrObj){    let newarr= arrObj.filter((value, index, arr) => {        return value.name == "li"//将数组对象中name==li的对象筛选出来变为新数组[{name:li,age:19}]    })}
js调用或下载地址

直接在html中引用

<script type="text/javascript" src="//static.52gh.top/typecho/uploads/2021/10/2630540604.js"></script>

标签: #js封装标准