frontend-utils

介绍

前端常用工具包

软件架构

软件架构说明

安装教程

• npm install @mage_1/frontend-utils
• npm i @mage_1/frontend-utils
• yarn add @mage_1/frontend-utils

源码下载

https://gitee.com/mage_1/frontend-utils.git

使用说明

• 引入

import * as utils from '@mage_1/frontend-utils'

其中包含

• common 常用公共工具
• storage 缓存工具
• format 格式化工具
• regexp 正则工具
• enums 常用枚举工具

1. common

| 函数名 | 描述说明 | |---------------------|-------------------------------| | arr2Tree | 数组转树形结构 | | getFullPathFromTree | 获取数组中某个节点在树形结构中的全路径 | | isObj | 判断数据是否为对象 | | isArray | 判断数据是否为数组 | | compare | 比较两个数据是否完全相同一致，数据可为数组或对象 | | distinctArr | 将对象数组根据某些key去重 | | getUid | 获取固定前缀(没有则uid为前缀)的开头的随机id | | getMid | 根据某些键对应的值，将其拼接成字符串来生成MD5类型的id | | isElectron | 是否是Electron应用 | | isWindows | 是否是Windows操作系统 | | isMacOS | 是否是MacOS操作系统 | | getFileExtension | 获取文件后缀名 | | getFileMime | 获取文件MIME类型 | | getFlatObjectArray | 将嵌套结构对象数组，转换为单层结构对象数组 | | ... | ... |

2. storage

| 函数名 | 描述说明 | |-------------|-----------| | session | session处理 | | local | local处理 | | CurrentUser | 当前用户处理 |

3. format

| 函数名 | 描述说明 | |-------------------------|----------| | formatDatetime | 日期时间格式化 | | formatThousandSeparator | 数字千分位表示法 |

4. regexp

| 函数名 | 描述说明 | |----------|-------------| | email | 电子邮箱地址 | | mobile | 中国大陆手机号码 | | iDCardNo | 中国大陆居民身份证号码 | | ... | ... |

5. enums[文件后缀名->MIME映射]

| 函数名 | 描述说明 | |-------------|---------------| | fileTypeExt | 文件后缀名->MIME映射 |

参与贡献

1. 小马哥

特技

• 后续继续完善