简介
@erect/core 是一个前端工具类库，提供了一些常用的函数以及工具方法。该库已经发布至 npm 上，可以通过 npm 安装使用。
安装与引入
在项目根目录下使用以下命令安装 @erect/core：
--- ------- -----------
然后在代码中引入：
------ ----- ---- -------------
使用方法
@erect/core 中提供了一些常用函数和工具方法，下面分别介绍如何使用。
throttle
throttle 函数用于限制一个函数的执行频率，比如在一个 resize 事件中，我们希望代码在一定频率内执行，可以使用 throttle 函数。
--------------------------------- ----------------- -- - --------------------- -- -----
上述代码表示在 resize 事件中，回调函数最多每 100ms 执行一次，即使 resize 事件持续触发，回调函数也只会以指定的频率执行。
debounce
debounce 函数用于限制一个函数的执行频率，与 throttle 函数不同的是，debounce 函数在触发后会在指定时间后再执行，如果在指定时间内再次触发，则会重置等待时间。
--------------------------------- ----------------- -- - --------------------- -- -----
上述代码表示在 scroll 事件中，回调函数只有在连续触发事件后暂停 200ms 才会执行一次，即如果 scroll 事件前后间隔小于 200ms，则不会执行回调函数。
deepCopy
deepCopy 函数用于深度拷贝一个对象，该函数支持拷贝一个包含函数和循环引用的对象。
----- --- - -
-- --
-- --- -- ---
-- -
-- -
-
-
----- ------ - -------------------上述代码表示将 obj 对象深度拷贝到 newObj 中。
dateFormat
dateFormat 函数用于将日期转换为指定的格式，该函数支持常见的日期格式化方式。
----- ---- - --- ------ ---------------------------------- -------------- ---------------------------------- ------------ -----------
上述代码表示将 date 转换为指定的日期格式，并打印输出。dateFormat 函数支持的格式符包括：
| 格式符 | 含义 |
|---|---|
| yyyy | 年份，4位数字 |
| yy | 年份，2位数字 |
| MM | 月份，2位数字 |
| M | 月份，1位数字 |
| dd | 日，2位数字 |
| d | 日，1位数字 |
| HH | 小时，24小时制，2位数字 |
| H | 小时，24小时制，1位数字 |
| hh | 小时，12小时制，2位数字 |
| h | 小时，12小时制，1位数字 |
| mm | 分钟，2位数字 |
| m | 分钟，1位数字 |
| ss | 秒，2位数字 |
| s | 秒，1位数字 |
| SSS | 毫秒，3位数字 |
| E | 星期几，完整名称 |
| e | 星期几，缩写名称 |
| timestamp | 时间戳，13位数字 |
| a | 上午/下午，大写字母 |
| A | 上午/下午，小写字母 |
| Z | 时区偏移量，格式如：+0800、-0800 |
queryString
queryString 对象用于解析 URL 查询参数，该对象提供了解析和序列化查询参数的方法，可以方便地进行查询参数的操作。
----- ----- - ------------------------------------------- ---------------------- ---------- ----- ------ - --------------------------------- ------ ---- ------- -------------------
上述代码表示解析一个包含查询参数的 URL 并进行操作，包括解析查询参数和序列化查询参数。
结语
@erect/core 提供了一些常用函数和工具方法，可以方便地进行日常开发中逻辑的处理和数据的操作。熟练掌握这些函数和方法，可以大大提高前端开发的效率，减少重复的劳动，并且这些函数和方法通用性强，可以应用于各种前端项目中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/109940