公共方法函数库
1.组件安装引入
前端项目中包含了大量的重复方法,因此封装了一个公共方法函数库,方便项目开发
使用pnpm
安装依赖
js
pnpm install @bdsoft/utils
2.使用介绍
websocket库
js
import { mixSocket } from '@bdsoft/utils'
const wsUrl = 'ws://localhost:8080/ws' // 替换成你的websocket地址
const { sendCommand, initWebsocket } = mixSocket(wsUrl, null) // 发送第一次请求
onMounted(() => {
initWebsocket()
})
方法sendCommand
是发送命令,参数是自定义的对象,与后端进行对接即可.
mitt事件订阅库
- 事件发送
js
import { emitter as bus } from '@bdsoft/utils'
// 事件发送
bus.emit('事件名A', 事件参数)
- 事件接收
js
import { emitter as bus } from '@bdsoft/utils'
// 事件接收
const mittcallback = ()=>{...}
onMounted(() => {
emitter.on('事件名A', mittcallback);
});
onUnmounted(() => {
emitter.off('事件名A', mittcallback);
});
crypto算法库
里面包含所有的crypto算法,常用的des及md5如下
js
import { desEncrypt, desDecrypt ,md5Encrypt} from '@bdsoft/utils'
缓存库(替带cookie)
js
import {getStorage,setStorage,hasStorage,getStorageKeys,getStorageAll,removeStorage,clearStorage} from '@bdsoft/utils'
方法名 | 方法描述 | 参数 | 返回值 |
---|---|---|---|
getStorage | 获取缓存 | key | value |
setStorage | 设置缓存 | key,value | 无 |
hasStorage | 判断缓存是否存在 | key | 无 |
getStorageKeys | 获取所有key | 无 | 无 |
getStorageAll | 获取所有缓存 | 无 | 无 |
removeStorage | 删除缓存 | key | 无 |
clearStorage | 清空缓存 | 无 | 无 |
3.公共方法
方法名 | 方法描述 | 参数 | 返回值 |
---|---|---|---|
bytesToSize | 字节转化单位,根据B返回'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB' | 字节值 | 相应的单位 |
fileSizeFormat | 将文件的大小从b转为kb,并每三位用逗号隔开 | num | |
toThousandslsFilter | 用于将数字转换为千位分隔符格式的字符串 | number 1234567 | 1,234,567 |
parseTime | 日期格式化 parseTime('{y}-{m}-{d} {h}:{i}') | time:日期, cFormat:{y}-{m}-{d} {h}: | 格式化日期 |
sortByDate | 根据属性排序 | data:数组 key:属性 | 排序后数组 |
getUrlKey | 获取url参数 | name参数名 | 参数值 |
recursionData | 通用递归函数 二维转children | datas, parentname, childname, parentid | 树级数组 |
recursiveTodimensional | 递归转二维 | datas, newDatas, iscloudroot = true | 二维数组 |
getMaxFloor | 层序遍历方式获取树的最大层次 | treeData | |
NewGuid | 生成guid | 36位的guid | |
Debounce | 防抖函数 | (func, wait = 300, immediate = false) | |
reduceData | 去重 | (arrs, key) | |
formatTime | 将时间格式化为特定的字符串形式 ,天、月、时分等 | treeData | |
removeFirstDot | 如果文件类型以'.',开头,则将前面的'.'剔除掉 |