简介
daniel-library
是一个基于 JavaScript
的开发包,提供了一系列实用的函数和工具,旨在简化前端开发过程中的繁琐操作,提高开发效率。
特点:
- 简单易用
- 功能强大
- 完全开源
安装
使用 npm
进行安装:
npm install daniel-library
使用
引入
import lib from 'daniel-library';
API
1. debounce
作用:
将传入的函数包装一层防抖函数,在函数连续多次调用时,只有最后一次会被真正执行,以此减少执行次数。
用法:
lib.debounce(fn, wait)
参数:
fn
:需要执行的函数wait
:等待时间,单位为毫秒
示例代码:
-- -------------------- ---- ------- ------ --- ---- ----------------- -------- --------- - --------------------- ----------- - ----- ---------------- - --------------------- ----- --------------------------------- ------------------
2. throttle
作用:
将传入的函数包装一层节流函数,在函数连续多次调用时,以一定的时间间隔执行。
用法:
lib.throttle(fn, wait)
参数:
fn
:需要执行的函数wait
:等待时间,单位为毫秒
示例代码:
-- -------------------- ---- ------- ------ --- ---- ----------------- -------- --------- - --------------------- ----------- - ----- ---------------- - --------------------- ----- --------------------------------- ------------------
3. deepClone
作用:
深度克隆一个对象或数组,生成一个新的对象或数组,更改新对象或数组不会影响老对象或数组。
用法:
lib.deepClone(obj)
参数:
obj
:需要克隆的对象或数组
示例代码:
-- -------------------- ---- ------- ------ --- ---- ----------------- ----- --- - - ----- --------- ---- --- ------- -------------- ------ --------- -- ----- --------- - ------------------- --------------------------------- ------------------------ -- -------------- ------ -------- ------------------------------ -- -------------- ------ -------- ----------
4. formatDate
作用:
将传入的日期对象格式化为指定日期格式的字符串。
用法:
lib.formatDate(date, fmt)
参数:
date
:日期对象fmt
:日期格式
日期格式:
代码符号 | 意义 |
---|---|
yyyy |
四位数年份 |
yy |
两位数年份 |
MM |
月份 |
dd |
日 |
hh |
12 小时制小时 |
HH |
24 小时制小时 |
mm |
分钟 |
ss |
秒钟 |
SSS |
毫秒 |
示例代码:
import lib from 'daniel-library'; const date = new Date(); const formattedDate = lib.formatDate(date, 'yyyy-MM-dd HH:mm:ss.SSS'); console.log(formattedDate) // 2022-01-01 12:30:00.000
5. getCookie
作用:
获取指定名称的 cookie 值。
用法:
lib.getCookie(name)
参数:
name
:cookie 名称
示例代码:
import lib from 'daniel-library'; document.cookie = 'name=Daniel'; const name = lib.getCookie('name'); console.log(name); // Daniel
6. setCookie
作用:
设置 cookie 值。
用法:
lib.setCookie(name, value, options)
参数:
name
:cookie 名称value
:cookie 值options
:可选项
可选项:
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
path |
字符串 | '/' |
domain 对应的路径 |
domain |
字符串 | document.domain |
domain 名称 |
expires |
数字或日期对象 | 0 | cookie 过期时间 |
secure |
布尔值 | false |
是否使用 https 协议传输 cookie |
示例代码:
import lib from 'daniel-library'; lib.setCookie('name', 'Daniel', { path: '/', domain: 'localhost', expires: 365, secure: true });
总结
daniel-library
提供了一系列实用的函数和工具,方便了前端开发中的常见操作,例如函数防抖和节流、日期格式化、Cookie 操作等。使用这些工具可以大大提高开发效率,减少不必要的繁琐操作。如果你在开发中需要这些工具,可以尝试使用 daniel-library
,相信它会帮助你更快地完成开发工作。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055aee81e8991b448d894d