wyutil v1.0.1

wyutil

中后台应用工具库

安装说明

npm install wyutil

使用说明

// 方式一：

import {http, localStorage, tools} from 'wyutil';

// 挂载的方式

Vue.prototype.$axios = wyutil.http;
Vue.prototype.$localStorage = wyutil.localStorage;
Vue.prototype.$tools = wyutil.tools;

API文档

1.localStorage

• get: 获取localStorage
• set: 设置localStorage
• delete: 删除localStorage

import { localStorage } from 'wyutil'
localStorage.get('token');
localStorage.set('token','32sfdff232');
localStorage.delete('token');

2.sessionStorage

• get: 获取sessionStorage
• set: 设置sessionStorage
• delete: 删除sessionStorage

import { sessionStorage } from 'wyutil'

3.date

• fromatPassTime:格式化现在的已过时间

date.formatPassTime(1586840260500)

• formatTime: 格式化时间戳

import { date } from 'wyutil';
date.formatTime (new Date()) // 默认格式  'yyyy-MM-dd hh:mm:ss'
date.formatTime(new Date(),'yyyy:MM:dd') // 自定义格式 'yyyy.MM.dd'

4.http

基于axios做二次封装

• init:axios初始化配置option
• get:get请求方式
• post: post 请求方式

import { http } from 'wyutil'
const option = {
    url: process.env.VUE_APP_URL, // 根据不同环节配置初始化baseUrl
}
http.init(option);
export const getList = async ( params = {}) => http.get(`/user/list`, { params });

5.tools

常用函数工具库（防抖、 节流、 正则类型检测、深浅拷贝等）

• debounce: 防抖

import { tools } from 'wyutil';
methods:{
    sumbit: tools.debounce(function(){
        // todo
    },500),
}

• throttle: 节流
• checkType: 类型检测 支持类型有ip, phone(手机号)、email（邮箱）、IDCard（身份证）、url(网址)、number（数字）

tools.checkType('13671344081','phone') //检测手机
tools.checkType('1107073920@qq.com','email') // 检测邮箱

• deepCopy : 拷贝
• formatPhone： 将手机号中间四位替换为星号

tools.formatePhone('13671344081');

6.sentry

捕获异常信息

• 初始化

import { sentry } from 'wyutil'
const option = { dsn:http://753ce3bf82e94ab0aa7b5e62fae16d3c@sentry.***.com:9000/2}
const Sentry = sentry.getInstance(Vue, option);
Vue.protype.$sentry = sentry;

• 主动上报

this.#sentry.log('test')