欢迎光临散文网 会员登陆 & 注册

qnyutils工具升级TS版本改名为:easy-toolkit

2023-09-23 17:13 作者:布依前端  | 我要投稿

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、工具介绍

  1. validateEmail:邮箱校验,返回布尔值,true表示校验通过,false表示格式错误;

  2. dateKit:日期工具,返回日期字符串;

  3. deepClone:升级后的深度拷贝工具;

  4. DateFormat:时间格式类型;

  5. weekDays:周一到周天字符串数组;

  6. groupByKey:对象数组分组;

  7. 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工具包。

qnyutils工具升级TS版本改名为:easy-toolkit的评论 (共 条)

分享到微博请遵守国家法律