npm 包 @eva-ics/toolbox 使用教程

介绍

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

安装

可以通过 npm 安装:

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

工具函数使用

1. 数组操作函数

1.1 uniqArr

去除数组中的重复元素。

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

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

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

1.2 flatArr

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

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

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

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

1.3 shuffleArr

将数组随机打乱。

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

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

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

2. 字符串操作函数

2.1 trim

去除字符串两端的空格。

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

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

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

2.2 toCamelCase

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

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

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

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

3. 时间操作函数

3.1 formatDate

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

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

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

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

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

4. 其他工具函数

4.1 getQueryString

获取 URL 中的查询参数。

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

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

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

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

组件使用

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

1. Table 表格

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

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

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

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

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

总结

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

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60067350890c4f72775838ff


猜你喜欢

  • npm 包 eslint-config-mdarens 使用教程

    在前端开发中,我们经常需要保证代码的质量和风格,特别是团队协作时更是必要的。为此推荐使用 eslint 工具,它可以帮助我们检查代码规范和潜在的错误。而 eslint-config-mdarens 是...

    4 年前
  • 使用 npm 包 jagriti-resume 制作个人简历的教程

    在前端开发中,制作个人简历是非常常见的需求。为了方便地制作个人简历,有许多开发者制作了相应的 npm 包。其中,jagriti-resume 就是一款非常优秀的 npm 包。

    4 年前
  • npm 包 deep-traverse 使用教程

    在前端开发中,理解和操作 JavaScript 对象是一项基本技能。然而,在某些情况下,您可能需要查找对象中嵌套的属性或值,这时候 npm 包 deep-traverse 就会派上用场。

    4 年前
  • npm 包 fancy-log-levels 使用教程

    在前端开发中,我们经常需要在控制台中输出日志信息以便于调试程序。而且在不同的阶段,我们可能会需要输出不同等级的日志信息。这个时候,我们就需要用到 npm 包 fancy-log-levels。

    4 年前
  • npm包formik-v2-reinitialize-errors 使用教程

    前言 formik是一个用于React的表单库,它使得表单处理变得简便而明了。但是,组件升级后重置表单出错的问题始终是一个问题。当表格重新填写时,formik会丢失表单样式以及表单值,导致用户体验下降...

    4 年前
  • npm 包 `react-native-nsd-fork` 使用教程

    本教程将介绍如何使用 npm 包 react-native-nsd-fork 在 React Native 开发中实现局域网内设备的发现和通信。react-native-nsd-fork 是一个基于原...

    4 年前
  • npm 包 cyanotype.css 使用教程

    简介 cyanotype.css 是一个基于 CSS3 的框架,它提供了多种常用的 CSS 样式。使用 cyanotype.css 可以方便快捷地美化网站样式,提高网站的美观度和用户体验。

    4 年前
  • npm包esdragon-translator使用教程

    在前端开发过程中,翻译工具是一项很必要的技术,而esdragon-translator就是一款优秀的npm包,可以方便地帮助前端工程师进行繁体中文和简体中文之间的翻译。

    4 年前
  • npm 包 @yhtml5/axios-plugins 使用教程

    @yhtml5/axios-plugins 是一个基于 axios 封装的插件集合,能够优化前端请求的使用体验,提高开发效率。本文将为您详细介绍这个 npm 包的使用方法,包含了深度学习和实际指导意义...

    4 年前
  • npm包sida-iau 使用教程

    简介 sida-iau是一款基于前端框架的npm包,能够帮助开发者实现图像智能分析和理解。该插件的主要功能是提供视觉识别API的封装,支持图像标签、明星脸、人脸检测、人脸验证等功能。

    4 年前
  • npm 包 @wongyouth/hemera-wxpay 使用教程

    简介 @wongyouth/hemera-wxpay 是基于 hemera 和微信支付的 Node.js 插件,在 Node.js 应用程序中进行微信支付。 该插件提供了一种快速且易于使用的方式来处理...

    4 年前
  • npm 包 advanced-timer 使用教程

    前言 前端开发中经常需要使用定时器来帮助我们实现一些动态效果或者定时任务。而 JavaScript 中原生的定时器有一些限制,例如只能设置单次或重复的定时任务,没有暂停和继续的功能等等。

    4 年前
  • npm 包 dot-extension-manager 使用教程

    前言 在前端开发中,我们经常需要使用各种第三方库或组件,这些库或组件通常是以 npm 包的形式发布到 npmjs.com 上的。在使用这些 npm 包时,经常需要手动修改或调整部分代码,以适应项目的需...

    4 年前
  • npm 包 @specialblend/aws-sdk-promise 使用教程

    简介 @specialblend/aws-sdk-promise 是一个基于 AWS SDK for JavaScript 和 Bluebird 的 Promise 版本封装的 npm 包。

    4 年前
  • npm 包 any-case 使用教程

    简介 在前端开发中,我们经常需要对字符串进行格式化。而 any-case 是一个可以帮助你格式化字符串的 npm 包。它支持将字符串转换成蛇型、驼峰型、帕斯卡命名法等多种命名方式。

    4 年前
  • npm 包 vidiff 使用教程

    前言 在前端开发中,我们常常需要比较两个版本之间的差异,并且希望能够快速、精准地定位到差异点,以方便我们进行下一步工作。这时候,我们可以使用 vidiff 这个 npm 包来实现这个目的。

    4 年前
  • npm 包 spider.io 使用教程

    简介 spider.io 是一个能够帮助我们对网页数据进行请求和解析的 npm 包,它支持多种数据源的访问和解析,并且提供了一些非常实用的功能,例如获取页面结构、分析页面中的数据、模拟人类操作与行为等...

    4 年前
  • npm 包 @specialblend/aws-sdk-mock 使用教程

    在前端应用开发过程中,AWS 服务经常被用来构建和部署云端应用程序。但是,为了进行本地开发和测试,需要模拟 AWS 服务的行为,这就引出了 AWS SDK Mock 的概念。

    4 年前
  • npm 包 @eperedo/calendar-hooks 使用教程

    前言 在日程管理中,我们经常需要在前端实现日历功能。为了方便开发者快速地实现日历功能,开发者会使用一些常见的日历组件来搭建界面和管理数据。在这里我们将介绍一个日历组件库中的 npm 包 @epered...

    4 年前
  • npm 包 @fivethree/async-pipes 使用教程

    在前端开发中,我们经常处理异步数据流。@fivethree/async-pipes 是一个用于处理异步数据流的小型 npm 包。它提供了一些有用的管道函数,可以帮助我们更轻松地处理异步数据流,从而提高...

    4 年前

相关推荐

    暂无文章