vue前端常用的工具类总结

const initUtil = {}

initUtil.getfilesize = (size = 0,) => {
    if (!size) return '0.00GB';
    const num = 1000.00; //byte
    if (size < num)
        return size + "B";
    if (size < Math.pow(num, 2))
        return (size / num).toFixed(2) + "KB"; //kb
    if (size < Math.pow(num, 3))
        return (size / Math.pow(num, 2)).toFixed(2) + "MB"; //M
    if (size < Math.pow(num, 4))
        return (size / Math.pow(num, 3)).toFixed(2) + "GB"; //G
}

initUtil.getUrlParam = (name) => {
    // 假设 URL 为：https://example.com/page?name=John&age=25
    // 创建 URLSearchParams 对象，将 URL 查询参数解析到该对象中
    const urlParams = new URLSearchParams(window.location.search);
    // 获取指定参数的值
    return urlParams.get(name)
}

initUtil.getUrlParam = (name,url) => {
    name = name.replace(/[\[\]]/g, "\\$&");
    const regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url || window.location.href);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

getUrlParam('name')

initUtil.dateFormat = (date, format = 'YYYY-MM-DD HH:mm:ss') => {
    const config = {
        YYYY: date.getFullYear(),
        MM: date.getMonth() + 1,//getMonth() 方法根据本地时间返回指定日期的月份（从 0 到 11）
        DD: date.getDate(),
        HH: date.getHours(),
        mm: date.getMinutes(),
        ss: date.getSeconds(),
    }
    for (const key in config) {
        format = format.replace(key, config[key])
    }
    return format
}

newString = originalString.replace(searchValue, replaceValue);

let originalString = "Hello, world! Hello, universe!";
let newString = originalString.replace("Hello", "Hi");
console.log(newString);
// 输出: "Hi, world! Hello, universe!"

let regex = /Hello/g;  // 使用正则表达式，全局匹配
newString = originalString.replace(regex, "Hi");
console.log(newString);
// 输出: "Hi, world! Hi, universe!"

initUtil.getTimeState = (time, lang) => {
    let text = ``;
    if (time) {
        // 获取当前小时
        let hours = Number(time.split(':')[0]);
        // 设置默认文字
        
        // 判断当前时间段
        if (lang !== 'en') {
            if (hours >= 0 && hours <= 11) {
                text = `上午`;
            } else {
                text = `下午`;
            }
        } else {
            if (hours >= 0 && hours <= 11) {
                text = `AM`;
            } else {
                text = `PM`;
            }
        }
    }
    // 返回当前时间段对应的状态
    return text;
}

initUtil.debounce = (fn, delay = 500) => {
    let timer
    return function () {
        clearTimeout(timer)
        timer = setTimeout(() => {
            fn.apply(this, arguments)
        }, delay)
    }
}

initUtil.throttle = (fn, delay = 500) => {
    let timer
    return function () {
        if (!timer) {
            clearTimeout(timer)
            timer = setTimeout(() => {
                fn.apply(this, arguments)
                timer = null
            }, delay)
        }
    }
}