介绍
q-vanilla 是一个适用于前端开发的 npm 包，它提供了一些常用的工具函数和组件，使得前端开发可以更加快捷高效。
安装
在命令行中运行以下命令：
npm install q-vanilla
使用
1. 工具函数
1.1. deepClone
用于深拷贝一个对象。
import { deepClone } from 'q-vanilla';
const obj = { a: 1, b: 2, c: { d: 3 } };
const newObj = deepClone(obj);
console.log(newObj.c === obj.c); // false1.2. debounce
用于防抖函数。
-- -------------------- ---- ------- ------ - -------- - ---- ------------ -------- ------------- - -- ----- - ----- -------------------- - --------------------- ------ --------------------------------- ----------------------
1.3. throttle
用于节流函数。
-- -------------------- ---- ------- ------ - -------- - ---- ------------ -------- ------------- - -- ----- - ----- -------------------- - --------------------- ------ --------------------------------- ----------------------
1.4. randomInt
用于生成指定区间内的随机整数。
import { randomInt } from 'q-vanilla';
const randomNum = randomInt(1, 10);
console.log(randomNum); // 一个介于 1 和 10 之间的整数2. 组件
2.1. Dialog
用于弹窗组件，支持传入自定义内容和按钮。
-- -------------------- ---- -------
------
------
----- ---------------- ---------------------
-------
------
------- -----------------------------
--------- --------------------
-----
-----------
---------
---- -------------------
------- ----------------------------
------- --------------------------------
------
------
-----------
------- ----------------------------
--------
----- - ------ - - ---------
----- ------ - --- --------
--------- ------------------
----------- -- -- -
------------------
--
--------------- -- -- -
------------------
--
---
--------------------------------------------------------------- -- -- -
--------------
---
---------
-------
-------总结
q-vanilla 提供了一些常用的工具函数和组件，可以帮助我们更加快捷高效地进行前端开发。在学习和使用过程中，我们需要了解每个函数和组件的作用以及使用方式，才能更好地发挥它们的实用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d030d092702382296b