概述
@slaerjs/core 是一款针对前端开发的 npm 包，其提供了一系列常用的函数方法和工具类，可以帮助开发者更快捷地进行开发。本文将详细介绍如何使用 @slaerjs/core，包括安装、引用、使用方法以及示例代码等。
安装
通过 npm 可以轻松安装 @slaerjs/core，只需在命令行输入以下命令：
npm install @slaerjs/core --save
引用
在需要使用 @slaerjs/core 的项目中，可以通过以下方式引用：
import SLAER from '@slaerjs/core'
使用方法
deepClone
深克隆一个对象。深度克隆对象的方法是先将原对象序列化再反序列化，自然地就创建了新的对象，这个对象和原对象的内存地址不同。
let obj = { name: 'slaer' }
let newObj = SLAER.deepClone(obj)toThouComma
将数字以逗号分隔的方式展示。
let num = 123456789 let str = SLAER.toThouComma(num) // "123,456,789"
formatDate
将日期按指定格式进行格式化。
let currentDate = new Date('2022-02-22')
let formatStr = 'y-M-d'
let formatResult = SLAER.formatDate(currentDate, formatStr) // "2022-2-22"防抖和节流
处理某些高频事件（如滚动事件或者 resize 事件等）的方法，以减少事件触发频率。
// 防抖
window.addEventListener('scroll', SLAER.debounce(() => console.log('debounce invoked'), 100))
// 节流
window.addEventListener('scroll', SLAER.throttle(() => console.log('throttle invoked'), 100))示例代码
以下是一个示例代码，演示了如何使用 @slaerjs/core 来卡片随鼠标滚动的效果：
-- -------------------- ---- -------
--------- -----
------
------
--------- ------------- ----------------------
-------
- -
------- --
-------- --
-
----- -
------ ------
------- ------
------- ---- -----
----------------- --------
-------- -----
--------------- -------
---------------- -------
------------ -------
----------- --- --- --- ------- -- -- -----
-
---------- -
------ -----
---------- -----
------------ -----
----------- -------
-
--------
-------
------
---- -------------------
------- --------------
------ ----- ---- ---------------
----- ------- - -------------------------------
-------------------------------------- ---------------------- -- -
----- - - -------------
----- - - -------------
----- ----- - - - ----------------- - -
----- ----- - - - ------------------ - -
----------------------- - ------------------ - ------ ------- - -------
-- ----
---------
-------
-------
结论
@slaerjs/core 是一款非常实用的 npm 包，它提供了很多有用的方法和工具类，可以帮助前端开发者更加高效地进行开发，减少了很多不必要的重复代码的书写。通过阅读本文，您应该已经掌握了如何使用 @slaerjs/core，如果您有任何疑问或者建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560c181e8991b448df0bc