npm 包 @ajces/utils 使用教程

简介

@ajces/utils 是一个由 AJCES 出品的前端工具库，提供了一系列实用的工具方法，特别适合在 React 和 Vue 等框架项目中使用。

安装

使用 npm 安装：

npm i @ajces/utils

或者用 yarn 安装：

yarn add @ajces/utils

使用方法

引入

在项目中引入需要使用的工具方法：

import { formatTime } from '@ajces/utils'

API

@ajces/utils 提供了多个实用的工具方法，具体如下：

formatTime(date, format)

格式化时间

参数：

• date: Date | string | number 时间对象、字符串或时间戳。
• format: string 格式化字符串，例如 yyyy-MM-dd hh:mm:ss。

返回值：string 格式化后的时间字符串。

console.log(formatTime(new Date(), 'yyyy-MM-dd hh:mm:ss'))
// 示例输出：2022-01-01 18:00:00

console.log(formatTime('2022-01-01', 'yyyy年M月d日'))
// 示例输出：2022年1月1日

console.log(formatTime(1641043200000, 'yyyy-MM-dd'))
// 示例输出：2022-01-01

serialize(params)

序列化参数为 URL 查询字符串。

参数：

• params: any 需要序列化的参数。

返回值：string 序列化后的 URL 查询字符串。

console.log(serialize({ name: 'Tom', age: 18 }))
// 示例输出：name=Tom&age=18

debounce(func, wait)

防抖函数。

参数：

• func: function 需要防抖的函数。
• wait: number 等待时间。

返回值：function 防抖后的新函数。

function handleClick() {
  console.log('click')
}

const debouncedHandleClick = debounce(handleClick, 300)

throttle(func, wait)

节流函数。

参数：

• func: function 需要节流的函数。
• wait: number 间隔时间。

返回值：function 节流后的新函数。

function handleScroll() {
  console.log('scroll')
}

const throttledHandleScroll = throttle(handleScroll, 300)

结语

以上就是 @ajces/utils 工具库的使用方法，希望对你有所帮助。具体实现细节可以查看 源代码。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005600d81e8991b448dddfc