qnyutils工具升级TS版本改名为:easy-toolkit
web工具包,qnyutils是js版本,升级为typescript后改名为:easy-toolkit。后续会陆续更新和补齐其他工具方法,支持js和ts环境,有想加入开发的小伙伴留言即可。
npm地址(获取更多工具)
https://www.npmjs.com/package/easy-toolkit
项目介绍
前端项目开发常用web工具类,包括手机号码、身份证验证、中文校验、获取日期和根据日期格式获取日期或者转换日期格式、对象数组根据key分组、邮箱格式校验、获取历史时间,时间差,数组去重,多个对象数组去重等工具方法,减少多余包引用,增加工具类复用性,提高开发效率。
软件架构
工具包基于 TypeScript 5.2.2
进行开发,因为TS有良好的静态类型检查和代码提示,利于后期扩展和维护项目,工具包采用tsc编译,经过jest工具测试。支持vue2、vue3、原生HTML和React项目。
1、安装教程
$ npm i easy-toolkit
当前版本:1.0.9
2、工具介绍
validateEmail
:邮箱校验,返回布尔值,true表示校验通过,false表示格式错误;dateKit
:日期工具,返回日期字符串;deepClone
:升级后的深度拷贝工具;DateFormat
:时间格式类型;weekDays
:周一到周天字符串数组;groupByKey
:对象数组分组;duplicationArr
: 字符串数组去重和对象数组去重。
3、配置使用
在需要的文件内导入需要的模块。
import { dateKit, duplicationArr } from easy-toolkit;
const storehouse = [
{ name: "asparagus", type: "vegetables", quantity: 5 },
{ name: "bananas", type: "fruit", quantity: 0 },
{ name: "goat", type: "meat", quantity: 23 },
{ name: "cherries", type: "fruit", quantity: 5 },
{ name: "fish", type: "meat", quantity: 22 },
];
const arr = [1,2,5,2,5,2,541,25,555]
// 获取当前时间
console.log(dateKit.format());
// 获取当前时间星期几
console.log(dateKit.getWeekOfDate());
// 对象数组去重
console.log(duplicationArr(storehouse, 'type'));
// 元素去重
console.log(duplicationArr(arr));
vue3+TS代码提示截图


部分源码截图


欢迎大家加入一起开发easy-toolkit工具包。