@mobov/es-helper NPM

es-helper

常用es6的工具方法集合

安装

yarn add @mobov/es-helper

`haveDomRectIntersection(r1: DOMRect, r2: DOMRect): boolean`

dom碰撞检测

参数名称	类型	默认值	说明
r1	DOMRect		dom1 client rect
r2	DOMRect		dom2 client rect

`Client`

初始化的设备信息对象

返回参数	返回值	说明
type	'pc' / 'mobile'	设备类型
lang	string	语言
OS	'Windows' / 'Android' / 'IOS'	系统
version	string	''	系统版本

`Client.init(lang, isMount)`

重新初始化设备信息对象

返回参数	返回值	说明
lang	string	navigator.language	语言
isMount	boolean	true	是否挂载节点信息

`clip2Board(text): promise`

复制内容到剪切板, 返回promise

参数名称	类型	默认值	说明
text	string	navigator.language	文本内容

`camelCase(name): string`

将字符串转为驼峰

参数名称	类型	默认值	说明
name	string		文本内容

`lineCase(name): string`

将字符串转为中线

参数名称	类型	默认值	说明
name	string		文本内容

`imageLoaded(url): promise[then({ height, width })])`

预加载图片, 返回promise,

参数名称	类型	默认值	说明
url	string		文本内容

then返回图片信息参数

返回参数	返回值	说明
height	number	高度
width	number	宽度

`scrollToY($scroller, { target, justify, duration, transition }): promise`

滚动到Y轴某个位置

参数名称	类型	默认值	说明
$scroller	HTMLElement		要滚动的容器
target	HTMLElement / number / 'start' / 'end'	0	滚动的目标节点，如果该参数存在，则会滚动到该节点的距离, 'start'：滚动到起始位置, 'end'：滚动到结束位置, 正数表示正向滚动，比如300表示向下滚动300距离
justify	number	0	滚动偏差值，在target的基础最终计算滚动值加上该值
duration	number	500	过渡时间
transition	'linear' / 'easeIn' / 'strongEaseIn' / 'strongEaseOut' / 'sineaseIn' / 'sineaseOut'	'sineaseOut'	过渡动画
position	'start' / 'end' / 'center'	'center'	target为DOM时候滚动到dom视图点

`scrollToX($scroller, { target, justify, duration, transition }): promise`

滚动到X轴某个位置

参照scrollToY

`strStyle(styleObj): string`

css样式构造

参数名称	类型	默认值	说明
styleObj	object		样式表键值对

`getStyle(element, styleName): any`

获取节点的CSS属性的值

参数名称	类型	默认值	说明
element	HTMLElement		节点
styleName	string		属性名

`getUrlParam(name, url): string`

获取指定的URL参数值

参数名称	类型	默认值	说明
name	string		参数名
url	string	location.href	url

`getUrlParams(url): string`

获取指定的URL全部参数值

参数名称	类型	默认值	说明
url	string	location.href	url

`appendUrlParams(params, url, sort): string`

追加指定的URL参数值

参数名称	类型	默认值	说明
params	object		参数键值对
url	string	location.href	url
sort	boolean	false	是否对参数做重组排序

`arraySwap:(arr:array, index0, index1)=>Array`

数组元素替换

参数名称	类型	默认值	说明
array	Array	-	输入数组
index0	Number	-	交换元素下标
index1	Number	-	交换元素下标

`arrayUnique:(arr:array)=>Array`

数组去重

参数名称	类型	默认值	说明
array	Array	-	输入数组

`deepCopy:(arr:any)=>any`

深度拷贝

参数名称	类型	默认值	说明
input	Object	-	输入json对象

`findNode:({data:object | array,id:string,childStr:string})=>object | array`

节点查找

参数名称	类型	默认值	说明
data	Object	-	数据源
field	String	id	唯一标示字段
key	String	-	唯一标示字段值

`deepEqual:(param1:any,param2:any)=>boolean`

json深度对比

参数名称	类型	默认值	说明
param1,param2	any	-	需要对比的数据

`absArray:(param:any)=>any[]`

数组绝对格式化，非数组数据丢弃设置空数组

参数名称	类型	默认值	说明
param	any	-	需要做格式处理数据

`absObject:(param:any)=>any`

对象绝对格式化，非对象数据丢弃设置空对象

参数名称	类型	默认值	说明
param	any	-	需要做格式处理数据

`langAdapt:(lang:string)=>langType`

语言适配

参数名称	类型	默认值	说明
lang	string	-	需要适配语言字段

`langMap`

语言表

langType 对照表

语言	说明	代码
简体中文	简体中文	zh-CN
繁体中文	繁体中文	zh-TW
العربية	阿语	ar
Deutsch	德语	de
English	英语	en
Español	西语	es
Français	法语	fr
Indonesia	印尼语	id
Italiano	意大利语	it
日本語	日語	ja
한국어	韩语	ko
Nederlands		nl
Polski		po
Português	葡萄牙语	pt
română	罗马尼亚语	ro
Русский	俄语	ru
Svenska	越南语	sv
ไทย		th
Türkçe		tr
Tiếng Việt		vi