web工具包，qnyutils是js版本，升級(jí)為typescript后改名為：easy-toolkit。后續(xù)會(huì)陸續(xù)更新和補(bǔ)齊其他工具方法，支持js和ts環(huán)境，有想加入開發(fā)的小伙伴留言即可。

npm地址(獲取更多工具)

https://www.npmjs.com/package/easy-toolkit

項(xiàng)目介紹

前端項(xiàng)目開發(fā)常用web工具類，包括手機(jī)號(hào)碼、身份證驗(yàn)證、中文校驗(yàn)、獲取日期和根據(jù)日期格式獲取日期或者轉(zhuǎn)換日期格式、對(duì)象數(shù)組根據(jù)key分組、郵箱格式校驗(yàn)、獲取歷史時(shí)間，時(shí)間差，數(shù)組去重，多個(gè)對(duì)象數(shù)組去重等工具方法，減少多余包引用，增加工具類復(fù)用性，提高開發(fā)效率。

軟件架構(gòu)

工具包基于?TypeScript 5.2.2?進(jìn)行開發(fā)，因?yàn)門S有良好的靜態(tài)類型檢查和代碼提示，利于后期擴(kuò)展和維護(hù)項(xiàng)目，工具包采用tsc編譯，經(jīng)過(guò)jest工具測(cè)試。支持vue2、vue3、原生HTML和React項(xiàng)目。

1、安裝教程

$ npm i easy-toolkit

當(dāng)前版本：1.0.9

2、工具介紹

1. validateEmail：郵箱校驗(yàn)，返回布爾值，true表示校驗(yàn)通過(guò)，false表示格式錯(cuò)誤；

2. dateKit：日期工具，返回日期字符串；

3. deepClone：升級(jí)后的深度拷貝工具；

4. DateFormat：時(shí)間格式類型；

5. weekDays：周一到周天字符串?dāng)?shù)組；

6. groupByKey：對(duì)象數(shù)組分組；

7. duplicationArr: 字符串?dāng)?shù)組去重和對(duì)象數(shù)組去重。

3、配置使用

在需要的文件內(nèi)導(dǎo)入需要的模塊。

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]

// 獲取當(dāng)前時(shí)間
console.log(dateKit.format());

// 獲取當(dāng)前時(shí)間星期幾
console.log(dateKit.getWeekOfDate());

// 對(duì)象數(shù)組去重
console.log(duplicationArr(storehouse, 'type'));

// 元素去重
console.log(duplicationArr(arr));

vue3+TS代碼提示截圖

部分源碼截圖

歡迎大家加入一起開發(fā)easy-toolkit工具包。