utilscoreJS

前端营业代码东西库(不定时更新)

目标：高效力完成前端营业代码

营业开辟过程当中，会经经常运用到String,Number,Array,Object,Function,Date扩大要领、浏览器范例推断、base64、表单考证、url经常运用要领等经常运用函数，为防止差别项目屡次复制粘贴的贫苦，这里一致封装，并宣布到npm，以进步开辟效力。假如你也有经常运用的代码，迎接为本项目提交pr.

装置运用

1. 直接下载dist目录下的index.js运用，支撑UMD,CMD,AMD各模块化范例。
2. 运用npm/yarn/cnpm装置。

浏览器:

<script src="./node_modules/utilscore/dist/index.js"></script>
<!-- <script src="./dist/index.js"></script> -->
<script>
    let txt = utilscore.mask('12398765432',3,7) 
    console.log(txt) // => "123****5432"
</script>

npm

$ npm i utilscore

yarn

$ yarn add utilscore

cnpm

$ cnpm i utilscore

React、VueJS,小递次等javascript环境

// 完全引入
import utilscore from 'utilscore'
let txt = utilscore.mask('12398765432',3,7) 
console.log(txt) // => "123****5432"

引荐运用要领

你真的不须要完全引入一切函数，所以只引入须要运用的要领即可。

import { mask } from 'utilscore'
let txt = mask('12398765432',3,7) 
console.log(txt) // => "123****5432"

API文档

Object

• deepClone 深度克隆。
• orderBy 返回按属性(props)和递次(orders)排序的对象数组,用于数据排序。
• findPathByLeafId 依据 key 递归查找链带关联。

Array

• uniqueBy 依据属性去重数组。
• unique 一般数组去重。
• maxNumBy 找出数组中该属性最大值的一列。
• minNumBy 找出数组中该属性最小值的一列。
• maxNum 数组中的最大值。
• mixNum 数组中的最小值。

Date

• formatTime 花样化时候。
• formatHMS 将秒数转为 xx小时xx分钟xx秒 比方1h0m10s。

Function

• debounceStart 函数防抖 (马上实行版)。
• debounceEnd 函数防抖 (非马上实行版)。
• debounce 函数防抖 (完全版)。
• throttle 函数撙节

String

• mask 依据位置,运用 * 遮盖字符串。
• maskLeft 从位置左侧最先，运用 * 遮盖字符串。
• maskRight 从位置右侧最先，运用 * 遮盖字符串。
• randomHexColorCode 天生一个随机的十六进制颜色代码。
• getCounts 返回元素涌现的次数。
• uuid 全局唯一标识符 UUID
• guid GUID:128位的数字标识符

Number

• randomNum 返回指定范围内的随机整数。
• round 将数字四舍五入到指定的小数位数。
• sum 返回两个或两个以上数字/数字数组中元素之和。
• sumBy 依据函数映照每一个元素，然后返回数组的和。
• toDecimalMark 将数字转化为千分位花样，将数字转化为千分位花样,能够在数字前面加上标记。

TypeOf

• isNull 推断范例Null。
• isUndefined 推断范例Undefined。
• isBoolean 推断范例Boolean。
• isNumber 推断范例Number。
• isString 推断范例String。
• isSymbol 推断范例Symbol。
• isObject 推断范例Object。
• isRegExp 推断范例RegExp。
• isArray 推断范例Array。
• isFunction 推断范例Function。
• getType 猎取范例，全能型的typeOf。

url

• insertUrl 依据对象中的参数婚配插进去到url中。
• URLSearchParams url 序列化和反序列化。
• Url 返回网址的相干信息，模拟了 浏览器的 new URL(urlString) 部份功用

validator

• graceChecker 表单考证。

base64

• encode base64加密。
• decode base64解密。

prototype

• match_all 扩大 String的原型要领 es2019的matchAll（未兼容浏览器）。