简介
miniware 是一款基于 TypeScript 开发的前端工具库，提供了一些常用的工具函数，如手机号、邮箱验证等。它提供了单元测试、文档及类型定义等功能，方便使用者进行开发。
同时，miniware 支持导出多种模块系统（CommonJS、ES Module、UMD）。使用 npm 安装并导入到项目中后，可以很方便地实现快速开发。
安装
使用 npm 安装 miniware：
npm install miniware --save
常用方法
isPhone
判断是否为手机号码。
import { isPhone } from 'miniware';
if (isPhone('18888888888')) {
console.log('是手机号码');
} else {
console.log('不是手机号码');
}isEmail
判断是否为邮箱。
import { isEmail } from 'miniware';
if (isEmail('example@minware.com')) {
console.log('是邮箱');
} else {
console.log('不是邮箱');
}formatMoney
格式化金额。
import { formatMoney } from 'miniware';
const str = formatMoney(19999.99);
console.log(str); // '19,999.99'cloneDeep
深拷贝。
-- -------------------- ---- -------
------ - --------- - ---- -----------
----- --------- - -
---- -
---- -
---- ------ ------
-
-
--
----- ------ - ---------------------
------------------ - ----- -------
----------------------------------- -- ------ ------
-------------------------------- -- ----- ------示例
我们完成一个简单的倒计时组件。
实现
-- -------------------- ---- -------
--------- -----
----- -------------
------
----- --------------- --
------------------
-------
------
---- -----------
----- --------------------
-
----- ----------------------
-
----- ----------------------
------
------- --------------
------ - ---------- - ---- -----------
----- --- - --- ---------- -- -- -- -- -------------
-------- ------ -
----- --- - -----------
----- ---- - --- - ----
-- ----- -- -- -
---------------------
- ---- -
----- - ----- ------- ------ - - -----------------
------------------------------------------- - -----
--------------------------------------------- - -------
--------------------------------------------- - -------
-
-
------- -- ------
----- ----- - ----------------- ------
---------
-------
-------解析
- 首先导入
formatTime方法，使用 npm 安装并引入miniware。 - 配置倒计时结束的时间戳，这里为 2021 年 1 月 1 日零点。
- 使用
setInterval定时器执行tick()方法，间隔为 1 秒。 tick()方法使用formatTime方法将时间戳格式化为时、分、秒。- 将计算出来的时间更新到文档中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/97775