美文网首页
常用开发工具类函数

常用开发工具类函数

作者: 苏敏 | 来源:发表于2018-05-02 12:28 被阅读8次

日常开发经常会用到的一些方法逐渐添加到这个函数里面,基础的和业务的都可以添加,目前是 underscore

// 通过正则判断类名是否存在
function hasClass(el, className) {
    let currentClassName = el.className || ''
    let reg = new RegExp('(^|\\s)' + className + '(\\s|$)')
    return reg.test(currentClassName)
}

// 添加类名
function addClass(el, className) {
    if (!hasClass(el, className)) {
        // 方式一
        // let newClass = el.className.split(' ')
        // newClass.push(className)
        // el.className = newClass.join(' ')

        // 方式二
        let currentClassName = el.className || ''
        el.className = currentClassName ?
            currentClassName + ' ' + className : className
    }
}

// 删除类名
function removeClass(el, className) {
    if (hasClass(el, className)) {
        let currentClassName = el.className || ''
        el.className = (' ' + currentClassName + ' ').replace(' ' + className + ' ', ' ').trim();
     }
}
// 切换类名
function toggleClass(el, className) {
    hasClass(el, className) ? removeClass(el, className) : addClass(el, className);
}

相关文章

  • 常用开发工具类函数

    日常开发经常会用到的一些方法逐渐添加到这个函数里面,基础的和业务的都可以添加,目前是 underscore

  • runtime常用方法

    类 类结构 类实例结构 常用函数 方法 结构 类方法的常用函数 方法的常用函数 方法选择器 动态创建类 示例: 动...

  • String类常用方法总结

    String类常用方法总结 常用9种函数总结

  • Pytorch 常用语法

    常用模块以及设置 创建张量 张量操作 常用函数 模块类 损失函数与优化器 迭代 画图

  • InfluxDB常用函数

    InfluxDB常用函数分为4大类,分别是:聚合类,选择类,转换类,预测类。我列举一些常用的。 聚合类 COUNT...

  • Android 通用工具库,常用的文件操作,bitmap操作,数

    DevUtils Android开发工具类,常用的文件操作,bitmap操作,数据库操作,Toast显示,Dial...

  • 2018-06-07

    JS 基本常用函数 javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •...

  • 程序员点滴一

    java语言hello word分析。难点 开发工具 各种单词数据类型控制流函数类数组类库(线程 网络 图形 ...

  • Math类常用函数

    Math类包含很多数学计算常用函数 算数计算 Math.sqrt(v): 计算v的平方根 Math.cbrt(v)...

  • Android实现加载富文本以及SpannableString、

      常用开发工具类和自定义view,无耻的求个star:  https://github.com/AbrahamC...

网友评论

      本文标题:常用开发工具类函数

      本文链接:https://www.haomeiwen.com/subject/tjzqrftx.html