前言
nyxjs 是一款简单、轻量级的前端 JavaScript 库，它提供了多种常用的工具函数来辅助前端开发。本文将详细介绍如何使用 nyxjs 包。
安装
使用 npm 安装 nyxjs 包，可以在终端运行以下命令：
npm install nyxjs --save
安装完成后，即可通过 import 或 require 引入并使用 nyxjs。
工具函数
nyxjs 提供了多种常用的工具函数，这里将逐一介绍。
debounce
用于限制函数的执行频率，适用于一些需要频繁触发的函数，比如窗口大小改变、滚动等事件。
import { debounce } from 'nyxjs';
window.addEventListener('resize', debounce(function() {
// 在窗口大小改变时执行代码
}, 300));throttle
类似于 debounce，但是它会在每隔一定时间后执行一次函数，适用于一些不需要一直去触发函数的事件，比如滚动。
import { throttle } from 'nyxjs';
window.addEventListener('scroll', throttle(function() {
// 在滚动时每 500ms 执行一次代码
}, 500));typeOf
用于获取数据类型，返回结果为小写字符串。
-- -------------------- ---- ------- ------ - ------ - ---- -------- ----------- -- ------- ----------- -- -------- ------------- -- ------ ------------------ -- ----------- ---------- -- -------- ------------ -- -------- ------------- -- ---------
deepClone
用于深度复制对象或数组。
import { deepClone } from 'nyxjs';
const obj = {a: 1, b: {c: 2}};
const copiedObj = deepClone(obj);
obj === copiedObj; // falseformatDate
用于格式化日期。
import { formatDate } from 'nyxjs';
const date = new Date('2022/01/01 20:00:00');
formatDate(date, 'YYYY年MM月DD日 hh:mm:ss'); // 2022年01月01日 20:00:00random
用于生成指定范围内的随机数。
import { random } from 'nyxjs';
random(10, 20); // [10,20] 中的随机数总结
nyxjs 提供的这些工具函数，能够方便地帮助我们进行前端开发。在实际项目中，更多的使用方式可以根据实际需要去探索。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9b3d1de16d83a66e2b