open-index/open-npm huggingface dataset:
npm package: @mage_1/f-utils
Description: 前端开发常用工具类
Author: yangxiaoma
Latest version: 0.0.15

# f-utils

#### 介绍

前端常用工具包

#### 软件架构

软件架构说明

#### 安装教程

* npm install @mage_1/f-utils
* npm i @mage_1/f-utils
* yarn add @mage_1/f-utils

#### 源码下载
https://gitee.com/mage_1/frontend-utils.git
#### 使用说明
* 引入
* 使用样例(整体引入)
```
import * as utils from '@mage_1/f-utils'
function test() {
  const obj = {name: '张三', id: 'id123', ot: 'asd'}
  const arr = [obj, {...obj, lk: 'asd'}];
  const otUtl = utils.common.otherUtil, enums = utils.enums;
  console.log('utils===enums=====>',enums.fileTypeExt)
  console.log('utils===isObj=====>',otUtl.isObj(obj))
  console.log('utils===isArray=====>',otUtl.isArray(arr))
  console.log('utils===compare1=====>',otUtl.compare(obj,arr[0]))
  console.log('utils===compare2=====>',otUtl.compare(obj,arr[1]))
  console.log('utils===getMid=====>',otUtl.getMid({name:'张三',id:'id123',ot:'asdfas'},['name','id']))
}
```
* 使用样例(按需引入)
```
import {common,enums} from '@mage_1/f-utils'
function test() {
  const obj = {name: '张三', id: 'id123', ot: 'asd'}
  const arr = [obj, {...obj, lk: 'asd'}];
  const otUtl = common.otherUtil;
  console.log('utils===enums=====>',enums.fileTypeExt)
  console.log('utils===isObj=====>',otUtl.isObj(obj))
  console.log('utils===isArray=====>',otUtl.isArray(arr))
  console.log('utils===compare1=====>',otUtl.compare(obj,arr[0]))
  console.log('utils===compare2=====>',otUtl.compare(obj,arr[1]))
  console.log('utils===getMid=====>',otUtl.getMid({name:'张三',id:'id123',ot:'asdfas'},['name','id']))
}

```

* 其中包含

|名称|描述说明|md|类|
|--|--|--|--|
|名称|描述说明|md|类|
|array|数组工具|[Array.ts.md](src%2Fmd%2FArray.ts.md)|[Array.ts](src%2Futils%2FArray.ts)|
|browser|浏览器相关工具|[Browser.ts.md](src%2Fmd%2FBrowser.ts.md)|[Browser.ts](src%2Futils%2FBrowser.ts)|
|common|部分公共工具<br/>StringUtil 字符串相关<br/> NumberUtil 数字相关<br/> DocumentUtil html document 相关<br/>FunctionUtil 函数相关<br/>FileUtil 文件处理相关<br/>OtherUtil 其他常用<br/>|[Common.ts.md](src%2Fmd%2FCommon.ts.md)|[Common.ts](src%2Futils%2FCommon.ts)|
|datetime|日期时间处理|[DateTime.ts.md](src%2Fmd%2FDateTime.ts.md)|[DateTime.ts](src%2Futils%2FDateTime.ts)|
|enums|常用枚举|[enums.ts.md](src%2Fmd%2Fenums.ts.md)|[enums.ts](src%2Futils%2Fenums.ts)|
|geometric|常用几何|[Geometric.ts.md](src%2Fmd%2FGeometric.ts.md)|[Geometric.ts](src%2Futils%2FGeometric.ts)|
|regexp|常用正则|[regexp.ts.md](src%2Fmd%2Fregexp.ts.md)|[regexp.ts](src%2Futils%2Fregexp.ts)|
|storage|本地缓存|[Storage.ts.md](src%2Fmd%2FStorage.ts.md)|[Storage.ts](src%2Futils%2FStorage.ts)|
|verify|校验是否|[Verify.ts.md](src%2Fmd%2FVerify.ts.md)|[Verify.ts](src%2Futils%2FVerify.ts)|

* common

| 函数名                 | 描述说明                          |
|---------------------|-------------------------------|
| arr2Tree            | 数组转树形结构                       |
| getFullPathFromTree | 获取数组中某个节点在树形结构中的全路径           |
| compare             | 比较两个数据是否完全相同一致，数据可为数组或对象      |
| distinctArr         | 将对象数组根据某些key去重                |
| getUid              | 获取固定前缀(没有则uid为前缀)的开头的随机id     |
| getMid              | 根据某些键对应的值，将其拼接成字符串来生成MD5类型的id |
| ...                 | ...                           |

不在此一一列举，可参见各个对应md文档
...
#### 参与贡献

1. 小马哥

#### 其他

* 后续继续完善，陆续更新修复
npm package: @mage_1/frontend-utils
Description: 前端开发常用工具类
Author: yangxiaoma
Latest version: 0.0.15

# 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. 小马哥

#### 特技

* 后续继续完善