简介
glued-common是一款面向前端的npm包，它包含了众多常用的前端工具函数和组件，使用它可以方便快捷地开发前端项目。本文将介绍如何使用glued-common，包括安装、导入和使用。
安装
使用npm安装glued-common非常简单：
npm install glued-common --save
以上命令将安装glued-common并将其添加到项目的依赖中。
导入
在使用glued-common之前，需要将其导入到项目中。可以使用import语句将其导入：
import * as gluedCommon from 'glued-common';
或者可以按需导入：
import { debounce, deepClone } from 'glued-common';使用
工具函数
glued-common提供了一些常用的工具函数，我们可以通过导入后直接使用。
debounce
debounce函数可以让函数在一定时间内只执行一次，用法如下：
let debouncedFn = debounce(aFunction, delay);
其中，aFunction是需要执行的函数，delay是延迟时间。
deepClone
deepClone函数可以用于深拷贝对象，用法如下：
let clonedObject = deepClone(anObject);
其中，anObject是要拷贝的对象。
组件
glued-common中还提供了一些常用的组件，我们可以导入使用。
Button
Button是一个简单的、易于使用的按钮组件，用法如下：
import { Button } from 'glued-common';
<Button onClick={aFunction} type="primary" size="large">Click me</Button>其中，type和size是属性，可以设置Button的类型和尺寸。
Modal
Modal是一个常用的弹窗组件，用法如下：
-- -------------------- ---- -------
------ - ------ ------ - ---- ---------------
------
----------------------
------------ ------
---------------------------
-------------------
-
-------- -----------
--------其中，visible、title、onCancel和onOk是属性，分别设置Modal的可见性、标题、取消函数和确认函数。
Select
Select是一个下拉菜单组件，用法如下：
import { Select } from 'glued-common';
<Select onChange={onChangeFunction}>
<Select.Option value="value1">Option 1</Select.Option>
<Select.Option value="value2">Option 2</Select.Option>
<Select.Option value="value3">Option 3</Select.Option>
</Select>其中，onChange是属性，设置当选择项改变时要执行的函数。
总结
glued-common是一款非常有用的前端npm包，它提供了许多常用的工具函数和组件，使用它可以节省前端开发的时间和精力。本文介绍了glued-common的安装、导入和使用，希望对各位前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e6e255dee6beeee743f