utilscoreJS
前端业务代码工具库(不定时更新)
目的：高效率完成前端业务代码
业务开发过程中，会经常用到String,Number,Array,Object,Function,Date扩展方法、浏览器类型判断、base64、表单验证、url常用方法等常用函数，为避免不同项目多次复制粘贴的麻烦，这里统一封装，并发布到npm，以提高开发效率。如果你也有常用的代码，欢迎为本项目提交pr.
安装使用
- 直接下载
dist目录下的index.js使用，支持UMD,CMD,AMD各模块化规范。 - 使用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（未兼容浏览器）。
