es-helper
常用es6的工具方法集合
安装
yarn add @megmore/es-helper
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 | 文本内容 |
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 | 是否对参数做重组排序 |
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 | - | 需要对比的数据 |