npm 包 bussi 使用教程

简介

bussi 是一个用于前端开发的 npm 包,它提供了丰富的实用工具和方法,包括但不限于:

在使用 bussi 之前,需要先确保已经安装了 Node.js 和 npm。

安装

通过 npm 安装 bussi

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

时间处理

formatDate(date: Date, fmt: string)

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

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

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

parseDate(str: string)

将字符串解析为日期对象。

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

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

字符串处理

toCamelCase(str: string)

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

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

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

toDashCase(str: string)

将字符串转换为连字符分隔式命名。

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

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

toUnderscoreCase(str: string)

将字符串转换为下划线分隔式命名。

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

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

数组处理

chunk(arr: T[], size: number)

将数组按指定大小进行切割,并返回切割后的二维数组。

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

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

difference(arr1: T[], arr2: T[])

返回两个数组之间的差异。

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

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

uniq(arr: T[])

返回去重后的数组。

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

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

函数式编程

pipe<T>(fns: Function[], init: T)

将多个函数组合起来,依次执行并返回结果。

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

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

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

compose<T>(fns: Function[], init: T)

将多个函数组合起来,依次执行并返回结果(与 pipe 的区别在于函数执行的顺序相反)。

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

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

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

DOM 操作

$(selector: string | HTMLElement, el?: HTMLElement)

查询 DOM 元素。

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

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

addClass(el: HTMLElement, className: string)

为 DOM 元素添加 CSS 类。

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

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

removeClass(el: HTMLElement, className: string)

从 DOM 元素中移除 CSS 类。

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

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

结语

bussi 提供了很多实用的工具和方法,可以大幅提高开发效率。希望本篇文章能够对读者有所帮助。如果你有任何疑问或建议,欢迎在评论区留言。

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


猜你喜欢

  • npm 包 bwu_dart_node_sass_packages_importer 使用教程

    什么是 bwu_dart_node_sass_packages_importer bwu_dart_node_sass_packages_importer 是一个基于 node-sass 的 sass...

    4 年前
  • npm 包 byteskode-sms-callback 使用教程

    SMS 消息通知是现代互联网应用中非常普遍的功能,而 byteskode-sms-callback 是一款常用于短信回调处理的 npm 包。本文将介绍如何使用这一 npm 包来实现短信回调功能,涉及深...

    4 年前
  • npm包byteskode-sms使用教程

    在前端开发中,短信验证码验证是一个常见的功能,因此经常需要调用短信平台提供的API接口。在这里,我们介绍一个npm包——byteskode-sms。byteskode-sms是一个可以在Node.js...

    4 年前
  • npm 包 byteup 使用教程

    前言 在前端开发中,我们经常需要对图片进行压缩优化,以实现更好的性能和用户体验。而 npm 包 byteup 就是一款非常实用的图片压缩工具,今天我们就来详细介绍一下如何使用它。

    4 年前
  • 使用 npm 包 byu-brownie-framework

    byu-brownie-framework 是一个基于 React 和 TypeScript 的前端框架,它提供了一系列工具和组件来简化前端开发流程。在本文中,我们将介绍如何使用 npm 包 byu-...

    4 年前
  • npm 包 bytewise-uri 使用教程

    在前端开发中,常常需要对不同数据进行比较和排序,而 bytewise-uri 就是一个 NPM 包,可以帮助我们解决这个问题。本篇文章将详细介绍 bytewise-uri 的使用方法,并且包含示例代码...

    4 年前
  • npm包 bytewiser 使用教程

    前言 npm是世界上最大的包管理器。它通过存储和共享代码来使开发者能够很方便的重用代码,并且省去了许多重复性操作。npm包 bytewiser 是一个在Node.js中使用的小巧、高效的二进制数据处理...

    4 年前
  • npm 包 byu-cas 使用教程

    简介 byu-cas 是一个 Node.js 的模块,用于使用 Brigham Young University(BYU)Central Authentication Service(CAS)来进行用...

    4 年前
  • npm 包 byucslabsix 使用教程

    在前端开发中,如果经常需要处理时间日期、计算数学运算等复杂的操作,编写代码可能会变得繁琐、冗长。这时,我们可以使用一些优秀的第三方工具包来提高代码开发效率,NPM 包是其中之一。

    4 年前
  • npm 包 bx 使用教程

    介绍 bx 是一款基于图片的前端 UI 库,它可以帮助我们快速地构建各种 UI 元素和组件。bx 提供了大量的样式、动画和交互效果,能够帮助我们很好地提升用户体验。

    4 年前
  • npm 包 bx-blue-green 使用教程

    介绍 在前端开发中,样式切换是一项常见的需求。例如,在 A/B 测试中,我们需要让不同用户看到不同样式的网页;在灰度发布中,我们需要逐步将新的样式应用到所有用户中。

    4 年前
  • npm包bunyan-pretty-stream使用教程

    bunyan-pretty-stream是一个npm包,它提供了一种可视化的方式来查看bunyan格式的日志。bunyan-pretty-stream能够在终端输出彩色的日志信息,并且格式化成易于阅读...

    4 年前
  • npm 包 bunyan-pretty-colors 使用教程

    简介 bunyan-pretty-colors 是一个基于 bunyan 的 npm 包,用于在控制台中以彩色的方式可视化输出 bunyan 日志的工具。bunyan-pretty-colors 可以...

    4 年前
  • npm 包 bunyan-pushover 使用教程

    在前端开发中,日志记录是一个非常重要的功能。bunyan-pushover 是一个 npm 包,它可以将 bunyan 日志发送到 Pushover 来实现推送通知。

    4 年前
  • npm 包 bunyan-rabbitmq-stream 使用教程

    前言 在前端开发过程中,我们通常需要记录日志以帮助我们调试和监控程序的运行情况。然而,简单的 console.log 往往无法满足我们的需求。我们需要一个可扩展且可靠的日志系统,以便我们记录更多的信息...

    4 年前
  • npm包bunyan-pub-stream使用教程

    在前端开发中,日志记录是非常重要的一项工作。bunyan-pub-stream是一个npm包,可以将bunyan日志记录器转换为流,使其易于使用。 本文将介绍npm包bunyan-pub-stream...

    4 年前
  • npm 包 bunyan-raven 使用教程

    在前端开发中,日志记录是一个十分重要的方面。可以通过记录不同的事件和错误,进一步分析和修复程序的问题。而 npm 作为 Node.js 的包管理器,为我们提供了各种各样的日志记录工具,其中一个十分实用...

    4 年前
  • npm 包 bunyan-readable 使用教程

    在前端开发中,我们经常需要记录和查看日志以便快速排查问题。而 bunyan-readable 就是一个可以帮助我们实现日志记录和查看的 npm 包。本文将介绍 bunyan-readable 的使用教...

    4 年前
  • npm 包 bunyan-redis 使用教程

    随着 Node.js 应用的不断发展和复杂化,很多开发者会面临日志管理的问题,在这个领域,bunyan-redis 是一个非常实用和流行的 npm 包。 在本篇文章中,我们将介绍 bunyan-red...

    4 年前
  • npm 包 bunyan-ring-buffer 使用教程

    npm 发布了一个名为 "bunyan-ring-buffer" 的包,这是一个轻便,高性能的日志库。这个包可以管理循环缓冲区日志,只存储最近的一定数量的日志文件。

    4 年前

相关推荐

    暂无文章