简介
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