xl-utils

新联电子-公共函数库

安装 npm i -S xl-utils

request (基于axios)

    import { request } from 'xl-utils'

    Vue.prototype.$http = request({TOKEN_KEY: 'xl-token', allowEmpty: true}) // TOKEN_KEY指定localStorage存储的键，将值塞到headers中
    this.$http.get('/api/login', {params: {name: 'jkl', password: '123456', age: null, allowEmptyKeys: ['age']}})

    // 配置项 request(options)
    {
        TOKEN_KEY: '' // TOKEN_KEY指定localStorage存储的键，将值塞到headers的token字段中,
        headers: {} // 可以自定义请求头， 如设置Content-Type，
        baseUrl: '/api/xxx/' // 定义路径前缀
        allowEmpty: false // 过滤掉请求参数中值为空的属性，默认关闭， 如开启设置为true， 忽略的过滤属性可穿入参allowEmptyKeys
    }

    const FORMAPI = request({TOKEN_KEY: 'xl-token'})

    const API = {
        login: '/api/login'
    }

    export toLogin = params => FORMAPI.get(API.login, { params }) // 返回一个Promise 

时间公共函数（基于dayjs, 相关可参考dayjs）

以下是使用示例

    filterEmpty(obj, allowEmptyKeys) // 过滤掉对象中值为空的属性，可传允许保留值为空的属性

    // 时间公共函数
    // 格式化
    formatDateTime(new Date(), 'YYYY-MM-DD') // 2020-09-03
    // 加
    addDateTime('2020-09-10', 10, 'day').format('YYYY-MM-DD') // 2020-09-20
    // 减
    subDateTime(new Date(), 1, 'day').format('YYYY-MM-DD') // 2020-09-02
    // 判断是否在某个日期前
    isBefore('2020-12-30', '2021-01-01') // true 
    // 判断是否在某个日期前
    isAfter('2020-12-12', '2021-01-01') // false
    // 某一年某个月的天数
    daysInMonth('2020-02') // 29

cookie 公共函数

    getCookie('cookie_name')

    setCookie('name', 'value', day) // 过期时间默认30天

    removeCookie('name')

获取路由参数

    getUrlParams('https://www.xxxx.com?name=jkl&age=12') // {name: 'jkl', age: 12} 不传值默认当前url地址

校验手机号

checkPhoneNumber(tel)  // 返回true or false

判断是静态资源是外部还是内部链接

isExternal(url)  // 返回true or false

校验url填写是否合法正则

validURL(url)  // 返回true or false

校验大写是否锁定

detectCapsLock(event) // event 键盘事件， true or false