npm 包 @eva-ics/toolbox 使用教程-JavaScript中文网-JavaScript教程资源分享门户

介绍

@eva-ics/toolbox 是一个提供工具函数和组件的前端 npm 包，旨在提高前端开发效率和代码可读性。可以帮助开发者快速地实现一些常用的功能。

安装

可以通过 npm 安装：

npm install @eva-ics/toolbox --save

工具函数使用

1. 数组操作函数

1.1 uniqArr

去除数组中的重复元素。

import { uniqArr } from '@eva-ics/toolbox'

const a = [1, 2, 3, 1, 2, 4, 5, 4];

const b = uniqArr(a);
// => [1, 2, 3, 4, 5]

1.2 flatArr

将多维数组进行扁平化操作。

import { flatArr } from '@eva-ics/toolbox'

const a = [1, [2, 3], [[4], 5]];

const b = flatArr(a);
// => [1, 2, 3, 4, 5]

1.3 shuffleArr

将数组随机打乱。

import { shuffleArr } from '@eva-ics/toolbox'

const a = [1, 2, 3, 4, 5];

const b = shuffleArr(a);
// => [2, 5, 1, 3, 4]

2. 字符串操作函数

2.1 trim

去除字符串两端的空格。

import { trim } from '@eva-ics/toolbox'

const a = '    hello world   ';

const b = trim(a);
// => 'hello world'

2.2 toCamelCase

将字符串转换为驼峰命名法。

import { toCamelCase } from '@eva-ics/toolbox'

const a = 'this_is_a_demo';

const b = toCamelCase(a);
// => 'thisIsADemo'

3. 时间操作函数

3.1 formatDate

将日期对象格式化为指定格式的字符串。

import { formatDate } from '@eva-ics/toolbox'

const date = new Date();

const format = 'YYYY-MM-DD HH:mm:ss';

const str = formatDate(date, format);
// => '2022-01-01 12:00:00'

4. 其他工具函数

4.1 getQueryString

获取 URL 中的查询参数。

import { getQueryString } from '@eva-ics/toolbox'

const url = 'https://www.example.com?q=hello';

const key = 'q';

const value = getQueryString(key, url);
// => 'hello'

组件使用

@eva-ics/toolbox 还提供了一些常用的组件，可以在项目中直接使用。

1. Table 表格

Table 组件封装了 antd 的 Table 组件，提供了一些常用的功能，如数据展示、数据排序、分页等。

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

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

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

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

总结

@eva-ics/toolbox 是一个非常实用的 npm 包，提供了常用的工具函数和组件，可以提高前端开发效率和代码可读性。使用时需要注意版本兼容性，并按照文档正确使用。

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