美文网首页
@mtech-common/utils

@mtech-common/utils

作者: f095e64ca027 | 来源:发表于2021-08-11 14:30 被阅读0次

    @mtech-common/utils

    一些常用方法:深浅拷贝、防抖节流、时间格式处理等

    1、快速开始

    // 安装
    npm i @mtech-common/utils@<version>
    // 使用
    import { utils, dateUtils } from "@mtech-common/utils";
    
    utils.cloneDeep(objectYouNeedClone)
    
    dateUtils.format() // 等价于 moment().format();  
    
    

    2、可用utils列表

    • isArr

    判断当前校验对象是否为Array类型

    版本

    0.0.1

    参数

    data (any): 需要校验的数据

    返回

    bool (boolean): 校验结果true/false

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.isArr([1, {}, 3]) // true
    

    • isObject

    (非严格)判断当前校验对象是否为object类型

    版本

    0.0.1

    参数

    data (any): 需要校验的数据

    返回

    bool (boolean): 校验结果true/false

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.isObject([1, {}, 3]) // true
    utils.isObject({a: 1}) // true
    

    • isPlainObject

    (严格)判断当前校验对象是否为object类型

    版本

    0.0.1

    参数

    data (any): 需要校验的数据

    返回

    bool (boolean): 校验结果true/false

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.isPlainObject([1, {}, 3]) // false
    utils.isPlainObject({a: 1}) // true
    

    • cloneBase 已废弃

    引用类型 - 浅拷贝(默认)

    版本

    0.0.1

    参数

    data (any): 需要拷贝的数据

    isDeep (boolean): 是否深拷贝,默认false。深拷贝推荐使用cloneDeep

    返回

    result (any): 拷贝后的data

    示例

    import { cloneBase } from "@mtech-common/utils";
    
    cloneBase([1, {}, 3])
    cloneBase({a: 1})
    

    • cloneDeep

    引用类型 - 深拷贝

    版本

    0.0.1

    参数

    data (any): 需要拷贝的数据

    返回

    result (any): 拷贝后的data

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.cloneDeep([1, {}, 3])
    utils.cloneDeep({a: 1})
    

    • debounce

    防抖 - 创建一个防抖函数,该函数会从上一次被调用后,延迟 wait 毫秒后调用 fn 方法

    版本

    0.0.1

    参数

    * fn (function): 需要防抖的函数

    wait (number = 500): 延迟毫秒数

    immediate (boolean = false): 是否立即执行

    返回

    fn (function): 函数体,无用

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.debounce(() => {}, 1500)
    

    • throttle

    节流 - 创建一个节流函数,在 limit 秒内最多执行 fn 一次的函数

    版本

    0.0.1

    参数

    * fn (function): 需要节流的函数

    limit (number = 500): 限制毫秒数

    返回

    fn (function): 函数体,无用

    示例

    import { utils } from "@mtech-common/utils";
    
    utils.throttle(() => {}, 1500)
    

    相关文章

      网友评论

          本文标题:@mtech-common/utils

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