npm 包 tools-lib-js 使用教程

介绍

npm 是 NodeJS 世界中的重要一环，你可以通过它下载并安装他人编写的代码包，也可以将自己编写的代码包发布到 npm 供他人使用。其中，tools-lib-js 是一款优秀的 npm 包，它提供了一系列前端开发中常用的通用工具类函数，本文将为大家介绍如何使用这个库。

安装

使用 npm 命令行工具安装：

npm i tools-lib-js

使用

引入

const Tools = require('tools-lib-js')

或

import Tools from 'tools-lib-js'

toArray

将类数组转化为数组。

const arrayLike = { 0: 'a', 1: 'b', length: 2 }
const arr = Tools.toArray(arrayLike)
console.log(arr) // ["a", "b"]

dateToStandard

将日期格式化为标准日期格式。

const date = new Date('2021/11/11 22:00:00')
const standard = Tools.dateToStandard(date)
console.log(standard) // 2021-11-11 22:00:00

deepClone

深克隆，创建副本不会出现指向同一块内存的地址，避免修改原对象时影响到克隆对象。

-- -------------------- ---- -------
----- --- - -
  -- --
  -- -
    -- -
  -
-
----- -------- - --------------------
--------------------- -- - -- -- -- - -- - - -
--------------- --- --------- -- -----

getUrlParams

获取 url 中的参数列表。

const url = 'https://www.baidu.com/s?wd=tools-lib-js&rsv_spt=1'
const params = Tools.getUrlParams(url)
console.log(params) // { "wd": "tools-lib-js", "rsv_spt": 1 }

debounce

防抖函数，阻止短时间内重复触发函数，一般用于输入框输入查询等场景。

function debounceTest() {
  console.log('debounce')
}
const debounceFun = Tools.debounce(debounceTest, 1000)
debounceFun() // 需要等待 1s 才会触发 debounceTest 函数

throttle

节流函数，保证一定时间内只触发一次函数，一般用于滚动或 resize 等场景。

function throttleTest() {
  console.log('throttle')
}
const throttleFun = Tools.throttle(throttleTest, 1000)
throttleFun() // 每隔 1s 执行一次 throttleTest 函数

结束语

本文介绍了如何使用 tools-lib-js 库提供的常用函数。它们将会在我们的开发过程中经常用到，希望能够帮助大家提高开发效率。

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