web-template

1. uniapp 模板
2. vue2多页模板
3. vue3 vite模板
4. vue3 webpack模板

vue3 模板

1. 自动import
2. $t 工具类
3. $modal 信息弹窗类, 引用element-plus
4. $api api调用
5. $notify

工具类使用方法

1. 进入lib目录执行 npm link, 此时会创建lib的全局link
2. 进入要引用lib的项目目录执行npm link lib, 执行完毕后就可以在项目里面引用lib导出的方法

工具类包含方法

1. getTextWidth(text, fs) 获取text文字的实际宽度, fs表示字体大小
2. getId(prefix) 获取不重复的自增id默认前缀为id_[num]
3. isIE() 当前是否ie浏览器
4. sortArray(type, arr, column) 数字或者中文数组排序
   • type=asc|desc类型
   • arr数组
   • column 排序使用的字段支持多层级, 如user.age
5. cookie(key, value, options)读取或写入cookie
   • key 读取或写入的key
   • value 写入的值, 如果不传此参数表示读取
   • options => {time: [time], domain: [path]}写入cookie的配置
6. randomNum(minNum, maxNum) 获取随机数
7. toTimeStr(time) 时间戳转换为xx 时 xx 分 xx 秒的格式
8. parseDate(date) 解析date为Date对象, 支持yyyy-MM-dd hh:mm:ss和时间戳或者Date.parse()支持的标准格式
9. formatDate(date, formatStr)
   • date 同上面parseDate参数
   • formatStr格式字符串, 默认为:yyyy-MM-dd hh:mm:ss
10. getDiffDay(type)获取时间间隔返回数组[start, end]
    • type=today今天
    • type=yesterday昨天
    • type=week本周
    • type=lastWeek上周
    • type=month本月
    • type=near30最近30天
    • type=[数字]返回今天到[今天-数字]的范围
11. saveFile(url, saveName)保存url到文件
12. selectFile(cb)弹出文件选择框
13. selectDir(cb)弹出目录选择框
14. reSizeImg(file, size) 压缩图片到指定尺寸size={width, height}
15. getObjectURL(file)文件转base64
16. setLocal(key, val) = localStorage.setItem
17. getLocal(key, def) = localStorage.getItem
18. removeLocal(key) = localStorage.removeItem
19. deepClone(obj) 深度克隆一个obj
20. clear(data) 清空data的值
21. clone(from, to, lvl)根据to对象包含的字段来复制from的值
22. ObjHas(obj, key)检查对象是否存在指定字段, 支持多级key=user.info.name
23. ObjGet(obj, key)从对象获取指定字段的值, 支持多级key=user.info.name
24. attr(arr, obj)给arr数组的成员添加obj的字段和值
25. arrToString(arr, field)提取数组成员对象的指定字段并join(',')连接起来
26. getQueryString(name)获取location.hrefquery参数的值
27. trim(str)正则删除字符串首尾空
28. HTMLdecode(str)HTML标签解码
29. HTMLencode(str)HTML标签编码
30. formatFileSize(len)把长度转换为byte,KB,MB
31. copyString(str)复制字符串到剪切板
32. tween(type, from, to, time, callback)缓动函数
    • type类型, 支持[linear,easeIn,strongEaseIn,strongEaseOut,sineaseIn,sineaseOut]
    • from number|Array
    • to number|Array
    • time 动画时长
    • callback 回调函数
    • showToast(msg, timeout) 弹出toast 弹窗
    • showWait(msg) 弹出加载框
    • hideWait() 隐藏加载框