本文主要和大家分享javascript常用工具类的封装总结，希望能帮助到大家。

一.javaScript

1. type 类型判断

isString (o) { //是否字符串    return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字    return Object.prototype.toString.call(o).slice(8, -1) === 'Number'}isObj (o) { //是否对象    return Object.prototype.toString.call(o).slice(8, -1) === 'Object'}isArray (o) { //是否数组    return Object.prototype.toString.call(o).slice(8, -1) === 'Array'}isDate (o) { //是否时间    return Object.prototype.toString.call(o).slice(8, -1) === 'Date'}isBoolean (o) { //是否boolean    return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'}isFunction (o) { //是否函数    return Object.prototype.toString.call(o).slice(8, -1) === 'Function'}isNull (o) { //是否为null    return Object.prototype.toString.call(o).slice(8, -1) === 'Null'}isUndefined (o) { //是否undefined    return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'}isFalse (o) {    if (!o || o === 'null' || o === 'undefined' || o === 'false' || o === 'NaN') return true        return false}isTrue (o) {    return !this.isFalse(o)}isIos () {    var u = navigator.userAgent;    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机        // return "Android";        return false    } else if (u.indexOf('iPhone') > -1) {//苹果手机        // return "iPhone";        return true    } else if (u.indexOf('iPad') > -1) {//iPad        // return "iPad";        return false    } else if (u.indexOf('Windows Phone') > -1) {//winphone手机        // return "Windows Phone";        return false    }else{        return false    }}isPC () { //是否为PC端    var userAgentInfo = navigator.userAgent;    var Agents = ["Android", "iPhone",                "SymbianOS", "Windows Phone",                "iPad", "iPod"];    var flag = true;    for (var v = 0; v  0) {            flag = false;            break;        }    }    return flag;}browserType(){    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串    var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器    var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器    var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器    var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器    var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器    if (isIE) {        var reIE = new RegExp("MSIE (\d+\.\d+);");        reIE.test(userAgent);        var fIEVersion = parseFloat(RegExp["$1"]);        if(fIEVersion == 7) return "IE7"        else if(fIEVersion == 8) return "IE8";        else if(fIEVersion == 9) return "IE9";        else if(fIEVersion == 10) return "IE10";        else if(fIEVersion == 11) return "IE11";        else return "IE7以下"//IE版本过低    }    if (isFF) return "FF";    if (isOpera) return "Opera";    if (isEdge) return "Edge";    if (isSafari) return "Safari";    if (isChrome) return "Chrome";}checkStr (str, type) {    switch (type) {        case 'phone':   //手机号码            return /^1[3|4|5|7|8][0-9]{9}$/.test(str);        case 'tel':     //座机            return /^(0d{2,3}-d{7,8})(-d{1,4})?$/.test(str);        case 'card':    //身份证            return /^d{15}|d{18}$/.test(str);        case 'pwd':     //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线            return /^[a-zA-Z]w{5,17}$/.test(str)        case 'postal':  //邮政编码            return /[1-9]d{5}(?!d)/.test(str);        case 'QQ':      //QQ号            return /^[1-9][0-9]{4,9}$/.test(str);        case 'email':   //邮箱            return /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/.test(str);        case 'money':   //金额(小数点2位)            return /^d*(?:.d{0,2})?$/.test(str);        case 'URL':     //网址            return /(http|ftp|https)://[w-_]+(.[w-_]+)+([w-.,@?^=%&:/~+#]*[w-@?^=%&/~+#])?/.test(str)        case 'IP':      //IP            return /((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/.test(str);        case 'date':    //日期时间            return /^(d{4})-(d{2})-(d{2}) (d{2})(?::d{2}|:(d{2}):(d{2}))$/.test(str) || /^(d{4})-(d{2})-(d{2})$/.test(str)        case 'number':  //数字            return /^[0-9]$/.test(str);        case 'english': //英文            return /^[a-zA-Z]+$/.test(str);        case 'chinese': //中文            return /^[u4E00-u9FA5]+$/.test(str);        case 'lower':   //小写            return /^[a-z]+$/.test(str);        case 'upper':   //大写            return /^[A-Z]+$/.test(str);        case 'HTML':    //HTML标记            return /])*>/.test(str);        default:            return true;    }}

登录后复制

2. Date

/** * 格式化时间 *  * @param  {time} 时间 * @param  {cFormat} 格式 * @return {String} 字符串 * * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00 */formatTime(time, cFormat) {    if (arguments.length === 0) return null    if ((time + '').length === 10) {        time = +time * 1000    }    var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date    if (typeof time === 'object') {        date = time    } else {        date = new Date(time)    }    var formatObj = {        y: date.getFullYear(),        m: date.getMonth() + 1,        d: date.getDate(),        h: date.getHours(),        i: date.getMinutes(),        s: date.getSeconds(),        a: date.getDay()    }    var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {        var value = formatObj[key]        if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]        if (result.length > 0 && value   ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"] */getMonths(time, len, direction) {    var mm = new Date(time).getMonth(),        yy = new Date(time).getFullYear(),        direction = isNaN(direction) ? 3 : direction,        index = mm;    var cutMonth = function(index) {        if ( index = -len) {            return direction === 1 ? formatPre(index).concat(cutMonth(++index)):                direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))        }        return []    }    var formatNext = function(i) {        var y = Math.floor(i/12),            m = i%12        return [yy+y + '-' + (m+1)]    }    var formatPre = function(i) {        var y = Math.ceil(i/12),            m = i%12        m = m===0 ? 12 : m        return [yy-y + '-' + (13 - m)]    }    var formatCurr = function(i) {        var y = Math.floor(i/12),            yNext = Math.ceil(i/12),            m = i%12,            mNext = m===0 ? 12 : m        return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]    }    // 数组去重    var unique = function(arr) {        if ( Array.hasOwnProperty('from') ) {            return Array.from(new Set(arr));        }else{            var n = {},r=[];             for(var i = 0; i  ["2018-1-26", "2018-1-27", "2018-1-28", "2018-1-29", "2018-1-30", "2018-1-31", "2018-2-1"] */getDays(time, len, diretion) {    var tt = new Date(time)    var getDay = function(day) {        var t = new Date(time)        t.setDate(t.getDate() + day)        var m = t.getMonth()+1        return t.getFullYear()+'-'+m+'-'+t.getDate()    }    var arr = []    if (diretion === 1) {        for (var i = 1; i  1h0m10s */formatHMS (s) {    var str = ''    if (s > 3600) {        str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'    }else if(s > 60) {        str = Math.floor(s/60)+'m'+s%60+'s'    }else{        str = s%60+'s'    }    return str}/*获取某月有多少天*/getMonthOfDay (time) {    var date = new Date(time)    var year = date.getFullYear()    var mouth = date.getMonth() + 1    var days    //当月份为二月时，根据闰年还是非闰年判断天数    if (mouth == 2) {        days = year % 4 == 0 ? 29 : 28    } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {        //月份为：1,3,5,7,8,10,12 时，为大月.则天数为31；        days = 31    } else {        //其他月份，天数为：30.        days = 30    }    return days}/*获取某年有多少天*/getYearOfDay (time) {    var firstDayYear = this.getFirstDayOfYear(time);    var lastDayYear = this.getLastDayOfYear(time);    var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;    return Math.ceil(numSecond/(24*3600));}/*获取某年的第一天*/getFirstDayOfYear (time) {    var year = new Date(time).getFullYear();    return year + "-01-01 00:00:00";}/*获取某年最后一天*/getLastDayOfYear (time) {    var year = new Date(time).getFullYear();    var dateString = year + "-12-01 00:00:00";    var endDay = this.getMonthOfDay(dateString);    return year + "-12-" + endDay + " 23:59:59";}/*获取某个日期是当年中的第几天*/getDayOfYear (time) {    var firstDayYear = this.getFirstDayOfYear(time);    var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;    return Math.ceil(numSecond/(24*3600));}/*获取某个日期在这一年的第几周*/getDayOfYearWeek (time) {    var numdays = this.getDayOfYear(time);    return Math.ceil(numdays / 7);}

登录后复制

3. Array

/*判断一个元素是否在数组中*/contains (arr, val) {    return arr.indexOf(val) != -1 ? true : false;}/** * @param  {arr} 数组 * @param  {fn} 回调函数 * @return {undefined} */each (arr, fn) {    fn = fn || Function;    var a = [];    var args = Array.prototype.slice.call(arguments, 1);    for(var i = 0; i  {        switch(type) {            case 1:                return a - b;            case 2:                return b - a;            case 3:                return Math.random() - 0.5;            default:                return arr;        }    })}/*去重*/unique (arr) {    if ( Array.hasOwnProperty('from') ) {        return Array.from(new Set(arr));    }else{        var n = {},r=[];         for(var i = 0; i  -1) {        arr.splice(index, 1);    }    return arr;}/*将类数组转换为数组的方法*/formArray (ary) {    var arr = [];    if(Array.isArray(ary)) {        arr = ary;    } else {        arr = Array.prototype.slice.call(ary);    };    return arr;}/*最大值*/max (arr) {    return Math.max.apply(null, arr);}/*最小值*/min (arr) {    return Math.min.apply(null, arr);}/*求和*/sum (arr) {    return arr.reduce( (pre, cur) => {        return pre + cur    })}/*平均值*/average (arr) {    return this.sum(arr)/arr.length}

登录后复制

4. String 字符串操作

/** * 去除空格 * @param  {str} * @param  {type}  *       type:  1-所有空格  2-前后空格  3-前空格 4-后空格 * @return {String} */trim (str, type) {    type = type || 1    switch (type) {        case 1:            return str.replace(/s+/g, "");        case 2:            return str.replace(/(^s*)|(s*$)/g, "");        case 3:            return str.replace(/(^s*)/g, "");        case 4:            return str.replace(/(s*$)/g, "");        default:            return str;    }}/** * @param  {str}  * @param  {type} *       type:  1:首字母大写  2：首页母小写  3：大小写转换  4：全部大写  5：全部小写 * @return {String} */changeCase (str, type) {    type = type || 4    switch (type) {        case 1:            return str.replace(/w+/g, function (word) {                return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();            });        case 2:            return str.replace(/w+/g, function (word) {                return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();            });        case 3:            return str.split('').map( function(word){                if (/[a-z]/.test(word)) {                    return word.toUpperCase();                }else{                    return word.toLowerCase()                }            }).join('')        case 4:            return str.toUpperCase();        case 5:            return str.toLowerCase();        default:            return str;    }}/*    检测密码强度*/checkPwd (str) {    var Lv = 0;    if (str.length 转换)*/filterTag (str) {    str = str.replace(/&/ig, "&");    str = str.replace(/, "/ig, ">");    str = str.replace(" ", " ");    return str;}

登录后复制

5. Number

/*随机数范围*/random (min, max) {    if (arguments.length === 2) {        return Math.floor(min + Math.random() * ( (max+1) - min ))    }else{        return null;    }    }/*将阿拉伯数字翻译成中文的大写数字*/numberToChinese (num) {    var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十");    var BB = new Array("", "十", "百", "仟", "萬", "億", "点", "");    var a = ("" + num).replace(/(^0*)/g, "").split("."),        k = 0,        re = "";    for(var i = a[0].length - 1; i >= 0; i--) {        switch(k) {            case 0:                re = BB[7] + re;                break;            case 4:                if(!new RegExp("0{4}//d{" + (a[0].length - i - 1) + "}$")                    .test(a[0]))                    re = BB[4] + re;                break;            case 8:                re = BB[5] + re;                BB[7] = BB[5];                k = 0;                break;        }        if(k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0)            re = AA[0] + re;        if(a[0].charAt(i) != 0)            re = AA[a[0].charAt(i)] + BB[k % 4] + re;        k++;    }    if(a.length > 1) // 加上小数部分(如果有小数部分)    {        re += BB[6];        for(var i = 0; i = 0; i--) {            if(part[0].length > 10) {                return "";                //若数量超过拾亿单位，提示            }            var tmpnewchar = ""            var perchar = part[0].charAt(i);            switch(perchar) {                case "0":                    tmpnewchar = "零" + tmpnewchar;                    break;                case "1":                    tmpnewchar = "壹" + tmpnewchar;                    break;                case "2":                    tmpnewchar = "贰" + tmpnewchar;                    break;                case "3":                    tmpnewchar = "叁" + tmpnewchar;                    break;                case "4":                    tmpnewchar = "肆" + tmpnewchar;                    break;                case "5":                    tmpnewchar = "伍" + tmpnewchar;                    break;                case "6":                    tmpnewchar = "陆" + tmpnewchar;                    break;                case "7":                    tmpnewchar = "柒" + tmpnewchar;                    break;                case "8":                    tmpnewchar = "捌" + tmpnewchar;                    break;                case "9":                    tmpnewchar = "玖" + tmpnewchar;                    break;            }            switch(part[0].length - i - 1) {                case 0:                    tmpnewchar = tmpnewchar + "元";                    break;                case 1:                    if(perchar != 0) tmpnewchar = tmpnewchar + "拾";                    break;                case 2:                    if(perchar != 0) tmpnewchar = tmpnewchar + "佰";                    break;                case 3:                    if(perchar != 0) tmpnewchar = tmpnewchar + "仟";                    break;                case 4:                    tmpnewchar = tmpnewchar + "万";                    break;                case 5:                    if(perchar != 0) tmpnewchar = tmpnewchar + "拾";                    break;                case 6:                    if(perchar != 0) tmpnewchar = tmpnewchar + "佰";                    break;                case 7:                    if(perchar != 0) tmpnewchar = tmpnewchar + "仟";                    break;                case 8:                    tmpnewchar = tmpnewchar + "亿";                    break;                case 9:                    tmpnewchar = tmpnewchar + "拾";                    break;            }            var newchar = tmpnewchar + newchar;        }        //小数点之后进行转化        if(Num.indexOf(".") != -1) {            if(part[1].length > 2) {                // alert("小数点之后只能保留两位,系统将自动截断");                part[1] = part[1].substr(0, 2)            }            for(i = 0; i 
6. Http
/** * @param  {setting} */ajax(setting){    //设置参数的初始值    var opts={        method: (setting.method || "GET").toUpperCase(), //请求方式        url: setting.url || "", // 请求地址        async: setting.async || true, // 是否异步        dataType: setting.dataType || "json", // 解析方式        data: setting.data || "", // 参数        success: setting.success || function(){}, // 请求成功回调        error: setting.error || function(){} // 请求失败回调    }    // 参数格式化    function params_format (obj) {        var str = ''        for (var i in obj) {            str += i + '=' + obj[i] + '&'        }        return str.split('').slice(0, -1).join('')    }    // 创建ajax对象    var xhr=new XMLHttpRequest();    // 连接服务器open(方法GET/POST，请求地址， 异步传输)    if(opts.method == 'GET'){        xhr.open(opts.method, opts.url + "?" + params_format(opts.data), opts.async);        xhr.send();    }else{        xhr.open(opts.method, opts.url, opts.async);        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");        xhr.send(opts.data);    }        /*    ** 每当readyState改变时，就会触发onreadystatechange事件    ** readyState属性存储有XMLHttpRequest的状态信息    ** 0 ：请求未初始化    ** 1 ：服务器连接已建立    ** 2 ：请求已接受    ** 3 : 请求处理中    ** 4 ：请求已完成，且相应就绪    */    xhr.onreadystatechange = function() {        if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 304)) {            switch(opts.dataType){                case "json":                    var json = JSON.parse(xhr.responseText);                    opts.success(json);                    break;                case "xml":                    opts.success(xhr.responseXML);                    break;                default:                    opts.success(xhr.responseText);                    break;            }        }    }    xhr.onerror = function(err) {        opts.error(err);    }}/** * @param  {url} * @param  {setting} * @return {Promise} */fetch(url, setting) {    //设置参数的初始值    let opts={        method: (setting.method || 'GET').toUpperCase(), //请求方式        headers : setting.headers  || {}, // 请求头设置        credentials : setting.credentials  || true, // 设置cookie是否一起发送        body: setting.body || {},        mode : setting.mode  || 'no-cors', // 可以设置 cors, no-cors, same-origin        redirect : setting.redirect  || 'follow', // follow, error, manual        cache : setting.cache  || 'default' // 设置 cache 模式 (default, reload, no-cache)    }    let dataType = setting.dataType || "json", // 解析方式          data = setting.data || "" // 参数    // 参数格式化    function params_format (obj) {        var str = ''        for (var i in obj) {            str += `${i}=${obj[i]}&`        }        return str.split('').slice(0, -1).join('')    }    if (opts.method === 'GET') {        url = url + (data?`?${params_format(data)}`:'')    }else{        setting.body = data || {}    }    return new Promise( (resolve, reject) => {        fetch(url, opts).then( async res => {            let data = dataType === 'text' ? await res.text() :                dataType === 'blob' ? await res.blob() : await res.json()             resolve(data)        }).catch( e => {            reject(e)        })    })    }
登录后复制
7. DOM
$ (selector){     var type = selector.substring(0, 1);    if (type === '#') {        if (document.querySelecotor) return document.querySelector(selector)            return document.getElementById(selector.substring(1))            }else if (type === '.') {        if (document.querySelecotorAll) return document.querySelectorAll(selector)            return document.getElementsByClassName(selector.substring(1))    }else{        return document['querySelectorAll' ? 'querySelectorAll':'getElementsByTagName'](selector)    }} /*检测类名*/hasClass (ele, name) {    return ele.className.match(new RegExp('(\s|^)' + name + '(\s|$)'));}/*添加类名*/addClass (ele, name) {    if (!this.hasClass(ele, name)) ele.className += " " + name;}/*删除类名*/removeClass (ele, name) {    if (this.hasClass(ele, name)) {        var reg = new RegExp('(\s|^)' + name + '(\s|$)');        ele.className = ele.className.replace(reg, '');    }}/*替换类名*/replaceClass (ele, newName, oldName) {    this.removeClass(ele, oldName);    this.addClass(ele, newName);}/*获取兄弟节点*/siblings (ele) {    console.log(ele.parentNode)    var chid = ele.parentNode.children,eleMatch = [];     for(var i = 0, len = chid.length; i 
8. Storage 储存操作
class StorageFn {    constructor () {        this.ls = window.localStorage;        this.ss = window.sessionStorage;    }    /*-----------------cookie---------------------*/    /*设置cookie*/    setCookie (name, value, day) {        var setting = arguments[0];        if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){            for (var i in setting) {                var oDate = new Date();                oDate.setDate(oDate.getDate() + day);                document.cookie = i + '=' + setting[i] + ';expires=' + oDate;            }        }else{            var oDate = new Date();            oDate.setDate(oDate.getDate() + day);            document.cookie = name + '=' + value + ';expires=' + oDate;        }            }    /*获取cookie*/    getCookie (name) {        var arr = document.cookie.split('; ');        for (var i = 0; i 
9. Other 其它操作
class StorageFn {    constructor () {        this.ls = window.localStorage;        this.ss = window.sessionStorage;    }    /*-----------------cookie---------------------*/    /*设置cookie*/    setCookie (name, value, day) {        var setting = arguments[0];        if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){            for (var i in setting) {                var oDate = new Date();                oDate.setDate(oDate.getDate() + day);                document.cookie = i + '=' + setting[i] + ';expires=' + oDate;            }        }else{            var oDate = new Date();            oDate.setDate(oDate.getDate() + day);            document.cookie = name + '=' + value + ';expires=' + oDate;        }            }    /*获取cookie*/    getCookie (name) {        var arr = document.cookie.split('; ');        for (var i = 0; i 
二.css
1. 公共样式提取
/* 禁止选中文本 */.usn{    -webkit-user-select:none;    -moz-user-select:none;    -ms-user-select:none;    -o-user-select:none;    user-select:none;}/* 浮动 */.fl { float: left; }.fr { float: right; }.cf { zoom: 1; }.cf:after {    content:".";    display:block;    clear:both;    visibility:hidden;    height:0;    overflow:hidden;}/* 元素类型 */.db { display: block; }.dn { display: none; }.di { display: inline }.dib {display: inline-block;}.transparent { opacity: 0 }/*文字排版、颜色*/.f12 { font-size:12px }.f14 { font-size:14px }.f16 { font-size:16px }.f18 { font-size:18px }.f20 { font-size:20px }.fb { font-weight:bold }.fn { font-weight:normal }.t2 { text-indent:2em }.red,a.red { color:#cc0031 }.darkblue,a.darkblue { color:#039 }.gray,a.gray { color:#878787 }.lh150 { line-height:150% }.lh180 { line-height:180% }.lh200 { line-height:200% }.unl { text-decoration:underline; }.no_unl { text-decoration:none; }.tl { text-align: left; }.tc { text-align: center; }.tr { text-align: right; }.tj { text-align: justify; text-justify: inter-ideograph; }.wn { /* 强制不换行 */    word-wrap:normal;    white-space:nowrap;}.wb { /* 强制换行 */    white-space:normal;    word-wrap:break-word;    word-break:break-all;}.wp { /* 保持空白序列*/    overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}.wes { /* 多出部分用省略号表示 , 用于一行 */    overflow:hidden;    word-wrap:normal;    white-space:nowrap;    text-overflow:ellipsis;}.wes-2 { /* 适用于webkit内核和移动端 */    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;} .wes-3 {    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden;}.wes-4 {    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 4;    overflow: hidden;}/* 溢出样式 */.ofh { overflow: hidden; }.ofs {overflow: scroll; }.ofa {overflow: auto; }.ofv {overflow: visible; }/* 定位方式 */.ps {position: static; }.pr {position: relative;zoom:1; }.pa {position: absolute; }.pf {position: fixed; }/* 垂直对齐方式 */.vt {vertical-align: top; }.vm {vertical-align: middle; }.vb {vertical-align: bottom; }/* 鼠标样式 */.csd {cursor: default; }.csp {cursor: pointer; }.csh {cursor: help; }.csm {cursor: move; }/* flex布局 */.df-sb {    display:flex;    align-items: center;    justify-content: space-between;}.df-sa {    display:flex;    align-items: center;    justify-content: space-around;}/* 垂直居中 */.df-c {    display: flex;    align-items: center;    justify-content: center;}.tb-c {    text-align:center;    display:table-cell;    vertical-align:middle;}.ts-c {    position: absolute;    left: 50%; top: 50%;    transform: translate(-50%, -50%);}.ts-mc {    position: absolute;    left: 0;right: 0;    bottom: 0; top: 0;    margin: auto;}/* 辅助 */.mask-fixed-wrapper {    width: 100%;    height: 100%;    position: fixed;    left:0;top:0;    background: rgba(0, 0, 0, 0.65);    z-index: 999;}.bg-cover {    background-size: cover;    background-repeat: no-repeat;    background-position: center center;}.bg-cover-all {    background-size: 100% 100%;    background-repeat: no-repeat;    background-position: center center;}
登录后复制
相关推荐：
javascript常用工具类的封装详解
以上就是javascript常用工具类的封装总结的详细内容，更多请关注【创想鸟】其它相关文章！




 
 



                                                        
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2781233.html