内容简介:前端业务代码工具库(目的:高效率完成前端业务代码业务开发过程中,会经常用到
前端业务代码 工具 库( 不定时更新 )
目的:高效率完成前端业务代码
业务开发过程中,会经常用到 String,Number,Array,Object,Function,Date扩展方法
、 浏览器类型判断
等常用函数,为避免不同项目多次复制粘贴的麻烦,这里统一封装,并发布到npm,以提高开发效率。如果你也有常用的代码,欢迎为本项目提交star。
安装使用
-
直接下载
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 pwd = utilscore.mask('password:123456789',4); console.log('pwd:',pwd) // pwd: **************6789 </script> 复制代码
npm
$ npm i utilscore 复制代码
yarn
$ yarn add utilscore 复制代码
cnpm
$ cnpm i utilscore 复制代码
React、VueJS,小程序等javascript环境
// 完整引入 import utilscore from 'utilscore' let pwd = utilscore.mask('password:123456789',4); console.log('pwd:',pwd) // pwd: **************6789 复制代码
推荐使用方法
你真的不需要完整引入所有函数,所以只引入需要使用的方法即可。
import { mask } from 'utilscore' let pwd = mask('password:123456789',4); console.log('pwd:',pwd) // pwd: **************6789 复制代码
API文档
Object
- deepClone 深度克隆。
- orderBy 返回按属性(props)和顺序(orders)排序的对象数组。
- findPathByLeafId 根据 key 递归查找链带关系。
Array
- uniqueBy 根据属性去重数组。
- unique 普通数组去重。
Date
- formatTime 格式化时间。
- formatHMS 将秒数转为 xx小时xx分钟xx秒 例如1h0m10s。
Function
- throttle 函数节流(首次执行)。
String
- mask 使用 * 遮蔽字符串。
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
url
- Url 根据对象 拼接参数
- URLSearchParams url 序列化和反序列化
以上所述就是小编给大家介绍的《utilscoreJS 前端业务代码工具库(不定时更新)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。