一个前端的常用方法的工具库,包含CSS的、JavaScript的……

欢迎使用和提 bug 呀,也可以提功能~

也可以一起维护哦~

顺便求个 star ~谢谢大家~

npmjs 和 github 的地址都放在这里啦~

xm-fns - npm

GitHub - littleHiuman/xm-fns: 一个前端的常用方法的工具库,包含CSS的、JavaScript的……

以下是这个库的文档

文档

javascript

filterNumberKeys(过滤对象中数值形式的key)

capitalizedFirstLetter(首字母大写)

percentNum(得到两数相除的百分数)

variableType(获取变量类型)

uniqueArray(数组去重)

uniqueComplexArray(对象数组去重)

randomNums(获取随机整数)

getMinNMax(获取数组中的最小值和最大值)

flatArray(数组拍平)

getWeekDate(获取本周的日期和周几)

formatDate(格式化日期)

fillStr(给数值或字符串补充内容以满足长度)

debounce(防抖)

throttle(节流)

deepClone(深拷贝)

stop(禁止滚动条滚动)

move(恢复滚动条滚动)

numFormat(数值增加千位符(,))

getUrlParam(获取URL的单个参数)

getUrlParams(获取URL的多个参数)

setUrlParam(设置URL的单个参数)

setUrlParams(设置URL的多个参数)

deleteUrlParam(删除URL的参数)

deleteUrlParams(删除URL的参数)

css

isColorVal(判断是否是颜色值)

isStringColorVal(判断是否是字符串颜色值)

stringColor2RGB(字符串颜色值转换成RGB颜色值)

stringColor2HEX(字符串颜色值转换成十六进制颜色值)

isRGBVal(判断是否是RGB颜色值)

isHEXVal(判断是否是十六进制颜色值)

isShortHEXVal(判断是否是缩写的十六进制颜色值)

isLongHEXVal(判断是否是六位的十六进制颜色值)

RGB2HEX(RGB颜色值转换成十六进制颜色值)

HEX2RGB(十六进制颜色值转换成RGB颜色值)

shortHEXVal2LongHEXVal(缩写的十六进制颜色值转换成六位的十六进制颜色值)

eqColorVal(比较两个颜色值是否是同一个颜色)

assignCssObj(合并两个css样式对象)

getCSSStyle(获取dom元素的css的值)

javascript

filterNumberKeys

过滤对象中数值形式的key

参数:

	obj,类型:Object,描述:对象

返回值:

	类型:Object,描述:处理后的对象

capitalizedFirstLetter

首字母大写

参数:

	params,类型:String

返回值:

	类型:String

percentNum

得到两数相除的百分数

参数:

	num,类型:Number,描述:分子
	num2,类型:Number,描述:分母
	type,类型:Number,描述:默认为1(1:得到的是保留两位小数的数;0:得到的是整数)

返回值:

	类型:String,描述:返回计算后的结果加上百分号,如33.33%

variableType

获取变量类型

参数:

	params,类型:*

返回值:

	类型:String,描述:变量的类型(首字母大写的形式)

uniqueArray

数组去重

参数:

	arr,类型:Array

返回值:

	类型:Array

uniqueComplexArray

对象数组去重

参数:

	arr,类型:Array
	key,类型:String,描述:对象的唯一标识属性
	type,类型:Number,描述:默认为1(1:如果有重复,保留先添加的数据

返回值:

	类型:Array

randomNums

获取随机整数

参数:

	params,类型:Object
	params.length,类型:Number,描述:默认5
	params.min,类型:Number,描述:默认2
	params.max,类型:Number,描述:默认32

返回值:

	类型:Array

getMinNMax

获取数组中的最小值和最大值

参数:

	arr,类型:Array

返回值:

	类型:Object,描述:包含min和max属性的对象

flatArray

数组拍平

参数:

	arr,类型:Array

返回值:

	类型:Array

getWeekDate

获取本周的日期和周几

参数:

	startDay,类型:Number
	showToday,类型:Boolean

返回值:

	类型:Array

formatDate

格式化日期

参数:

	dateObj,类型:Date,描述:日期对象
	formatStr,类型:String,描述:标识

返回值:

	类型:String

fillStr

给数值或字符串补充内容以满足长度

参数:

	str,类型:Number | String,描述:数值或字符串
	len,类型:Number,描述:长度
	fill,类型:Number | String,描述:要补充的内容(数值或字符串)

返回值:

	类型:String

debounce

防抖

参数:

	fn,类型:Function
	delay,类型:Number

返回值:

	类型:Function

throttle

节流

参数:

	fn,类型:Function
	delay,类型:Number

返回值:

	类型:Function

deepClone

深拷贝

参数:

	item,类型:any

返回值:

	类型:any

stop

禁止滚动条滚动

参数:

	类型:void

返回值:

	类型:void

move

恢复滚动条滚动

参数:

	类型:void

返回值:

	类型:void

numFormat

数值增加千位符(,)

参数:

	num,类型:Number

返回值:

	类型:String

getUrlParam

获取URL的单个参数

参数:

	key,类型:String,描述:参数名
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:String,描述:参数值

getUrlParams

获取URL的多个参数

参数:

	keys,类型:Array,描述:参数名列表
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:Object

setUrlParam

设置URL的单个参数

参数:

	key,类型:String,描述:参数名
	val,类型:String | Number,描述:参数值
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:String,描述:新的URL

setUrlParams

设置URL的多个参数

参数:

	params,类型:Object
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:String,描述:新的URL

deleteUrlParam

删除URL的参数

参数:

	key,类型:String,描述:参数名
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:String,描述:新的URL

deleteUrlParams

删除URL的参数

参数:

	keys,类型:Array,描述:参数名列表
	url,类型:String,描述:URL地址,不传的话会取location.href

返回值:

	类型:String,描述:新的URL

css

isColorVal

判断是否是颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

isStringColorVal

判断是否是字符串颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

stringColor2RGB

字符串颜色值转换成RGB颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:String

stringColor2HEX

字符串颜色值转换成十六进制颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:String

isRGBVal

判断是否是RGB颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

isHEXVal

判断是否是十六进制颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

isShortHEXVal

判断是否是缩写的十六进制颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

isLongHEXVal

判断是否是六位的十六进制颜色值

参数:

	val,类型:String,描述:颜色值

返回值:

	类型:Boolean

RGB2HEX

RGB颜色值转换成十六进制颜色值

参数:

	RGBVal,类型:String,描述:RGB颜色值

返回值:

	类型:String,描述:十六进制颜色值

HEX2RGB

十六进制颜色值转换成RGB颜色值

参数:

	HEXVal,类型:String,描述:十六进制颜色值

返回值:

	类型:String,描述:RGB颜色值

shortHEXVal2LongHEXVal

缩写的十六进制颜色值转换成六位的十六进制颜色值

参数:

	HEXVal,类型:String,描述:缩写的十六进制颜色值

返回值:

	类型:String,描述:六位的十六进制颜色值

eqColorVal

比较两个颜色值是否是同一个颜色

参数:

	val1,类型:String,描述:颜色值
	val2,类型:String,描述:颜色值

返回值:

	类型:Boolean

assignCssObj

合并两个css样式对象

参数:

	base,类型:Object,描述:原对象
	obj,类型:Object,描述:要处理的对象

返回值:

	类型:Object,描述:合并后的结果

getCSSStyle

获取dom元素的css的值

参数:

	dom,类型:*,描述:dom元素

返回值:

	类型:Object,描述:dom元素的css的值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值