前言
gix-npm-common 是一个常用的前端工具包，拥有丰富的工具函数和常用工具组件。在项目开发的过程中，可以大大提高开发效率，减少重复的代码编写。
本文将介绍 gix-npm-common 的使用方法，并提供示例代码。
安装
安装 gix-npm-common 可以通过 npm 进行安装，命令如下：
npm install gix-npm-common --save
安装完成后即可在项目中使用。
使用方法
工具函数
dateFormat
日期格式化，支持传入日期和时间戳两种参数类型，返回字符串格式的日期。
import { dateFormat } from 'gix-npm-common';
const date = new Date();
const timestamp = Date.now();
console.log(dateFormat(date, 'yyyy-MM-dd')); // 2021-10-12
console.log(dateFormat(timestamp, 'yyyy-MM-dd hh:mm:ss')); // 2021-10-12 09:00:00debounce
防抖函数，指定一个延迟时间，在延迟时间内，重复触发函数只执行一次。常用于输入框搜索自动提示等场景。
-- -------------------- ---- ------- ------ - -------- - ---- ----------------- ----- ------ - ----------- -- - ---------------------- -- ------ --------- --------- --------- -- --------
throttle
节流函数，指定一个时间间隔，在时间间隔内，重复触发函数只执行一次。常用于滚动时间节流等场景。
import { throttle } from 'gix-npm-common';
const showMore = throttle(() => {
console.log('show more');
}, 1000);
window.addEventListener('scroll', showMore);组件库
gix-npm-common 提供了一些常用的组件，如 message、modal、loading 等。这些组件都可以通过框架提供的 Portal 进行挂载。
import { Message } from 'gix-npm-common';
import { createPortal } from 'react-dom';
const container = document.getElementById('message-container');
createPortal(<Message text="Hello World" type="success" />, container);总结
gix-npm-common 是一个常用的前端工具包，拥有丰富的工具函数和常用工具组件。学会使用它可以大大提高前端开发的效率。本文介绍了 gix-npm-common 的安装和使用方法，并提供了示例代码。在实际项目开发中，可以根据需要选择合适的工具函数和组件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e4d9381d61a3540ad0