js常用方法封装

/**
 * 给数字添加千分位逗号
 * @param value
 * @returns {string|*}
 */
export function commaNum(value) {
    if (isNaN(value)) {
        return value
    }
    value = '' + value;
    return value.replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')
}

/**
 * 限制小数位
 * @param value
 * @param fixed
 * @returns {number|*}
 */
export function fixedNum(value, fixed = 2) {
    if (isNaN(value)) {
        return value
    }
    return parseFloat(value.toFixed(fixed));
}

// 首先判断当前dom是否已经包含了要添加的类
export function hasClass(el, className) {
    let reg = new RegExp('(^|\\s)' + className + '(\\s|$)')
    return reg.test(el.className)
}
// 动态添加class
export function addClass(el, className) {
    if (hasClass(el, className)) {
        return
    }
    // 将原有的class按空格拆分,并将类名保存到newclass数组中
    let newClass = el.className.split(' ')
    // 将要添加的类也push到这个数组
    newClass.push(className)
    // 将数组拼接成字符串返回给dom
    el.className = newClass.join(' ')
}
// 动态删除class
export function removeClass(el, className) {
    if (hasClass(el, className)) {
        // 将原有的class按空格拆分,并将类名保存到newclass数组中
        let newClass = el.className.split(' ')
        // 将要删除的类从数组中删除
        let index = newClass.indexOf(className)
        if (index > -1) {//存在就删除,不存在就不改变
            newClass.splice(index, 1)
        }
        // 将数组拼接成字符串返回给dom
        el.className = newClass.join(' ')
    }
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值