常用工具函数库 lib-utils-helper
1、通用相关函数
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
isDate | 是否是日期类型 | - | boolean |
isObject | 是否是对象 | - | boolean |
isPlainObject | 是否是普通对象,非formData blob 等之类 | - | boolean |
2、窗口相关函数
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
getClientWidth | 获取客户端宽度 | - | number |
getClientHeight | 获取客户端高度 | - | number |
3、className相关函数
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
hasClassName | 判断dom是否包含className | (el: HTMLElement,className:string) | boolean |
addClassName | 添加className | (el: HTMLElement, className: string) | boolean |
4、format相关
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
formatDate | 格式化时间 | (time: Date | number | string, format?: string) | string |
formatThousands | 格式化数字 | (num: number) | string |
5、url相关函数
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
getQueryString | 根据浏览器url获取指定参数 | name:string | string |
urlParsingNode | 解析域名相关信息 | url | {protocol: string;host: string} |
isAbsoluteURL | 是否绝对地址 | url | boolean |
6、DeepHandle
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
deepMerge | 深度对象合并 | obj:any[] | any |
deepClone | 深拷贝 | obj:an | any |
7、extractData 数据提取
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
extractData | 深度对象合并 | (list:Array<{[key]:string}>,keyMaps:T) | Array |
8、guid
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
guid | 全局唯一标识符 | (len = 32, firstU = true, radix = 16) | string |
9、Storage(本地存储 new Storage('projectName'))
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
get<T> | 获取指定属性 | storeInstance.get<T>("name") | T |
set | 设置指定属性 | storeInstance.set("name","MrRabbit") | void |
10、file
方法名称 | 说明 | 参数说明 | 返回值 |
---|---|---|---|
getFileSuffix | 获取文件后缀 | getFileSuffix("logo.png") | RegExpMatchArray |