npm 包 hb-utils 使用教程

介绍

hb-utils 是一个前端库，提供一些常用的工具函数，适用于 Vue 和 React 以及原生 JavaScript 项目。

安装

使用 npm 安装：

npm install hb-utils --save

当然，你也可以使用 yarn：

yarn add hb-utils

使用

hb-utils 提供了多个功能模块，可以根据需求按需引入：

按需引入

import { debounce } from 'hb-utils';

全部引入

import hbUtils from 'hb-utils';
const { debounce, cloneDeep, ... } = hbUtils;

API

debounce

函数去抖，可以设置延迟时间。

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

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

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

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

cloneDeep

深拷贝对象。

import { cloneDeep } from 'hb-utils';

const obj = { a: { b: 1 } };
const clonedObj = cloneDeep(obj);

clonedObj.a.b = 2;
console.log(obj.a.b) // 1
console.log(clonedObj.a.b) // 2

isPlainObject

判断一个变量是否为普通对象。

import { isPlainObject } from 'hb-utils';

console.log(isPlainObject({})) // true
console.log(isPlainObject([])) // false

throttle

函数节流，可以设置时间间隔。

import { throttle } from 'hb-utils';

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

window.addEventListener('scroll', throttle(log, 500));

总结

hb-utils 是一个非常实用的工具库，在日常开发中能够帮助我们提升效率。熟练掌握它的使用方法，能够让我们更加高效地进行开发。

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