Vue H5+


Extend

扩展方法
1.文本换行处理，去html标签
2.颜色和样式
1.获取dom元素的style
2.随机颜色
3.颜色值的反色
3.对象合并、拷贝
4.toFixed



delHtmlTag(html)

去html标签

Parameters:
Name Type Description
html String

html字符串
Returns:

去html标签的字符串

Type
String


getStyle(domObj)

获取dom元素的style

Parameters:
Name Type Description
domObj Dom

document文档对象，不是id
Returns:

style对象

Type
Object


mix()

用于合并多个对象或深克隆,类似于jQuery.extend；
数组也可以合并,这里数组可以理解为以索引为属性的对象；
mix( target, [object1, objectN ] )；
mix( [deep], target, [object1, objectN ] )；
deep : 如果是true，合并成为递归（又叫做深拷贝）。
target : 对象扩展。这将接收新的属性。
object1 -- objectN : 一个对象，它包含额外的属性合并到第一个参数。

Returns:

返回 target

Type
Object
Example
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// 多个对象拷贝
// {"title":"sss","obj":{"sub":"abc","test":"sub123"}}
this.plus.mix({title:'dd',obj:{sub:'abc',subtitle:'sub'}},{title:'sss',obj:{sub:'abc',test:'sub123'}})

// 多个对象深度拷贝
// {"title":"sss","obj":{"sub":"abc","subtitle":"sub","test":"sub123"}}
this.plus.mix(true,{title:'dd',id:123,obj:{sub:'abc',subtitle:'sub'}},{title:'sss',id1:123,obj:{sub:'abc',test:'sub123'}})

// 多个数组拷贝
// [4,{"sub":"abc","test":"sub123"},3,5]
this.plus.mix([1,{sub:'abc',subtitle:'sub'},2,5],[4,{sub:'abc',test:'sub123'},3])

// 多个数组深度拷贝
// [4,{"sub":"abc","subtitle":"sub","test":"sub123"},3,5]
this.plus.mix(true,[1,{sub:'abc',subtitle:'sub'},2,5],[4,{sub:'abc',test:'sub123'},3])

// 对象拷贝到数组中
// [1, 1, 2, title: "ddd", id: 123]
this.plus.mix([1,1,2],{title:'dd',id:123})

// 数组拷贝到对象中
// Object {0: 1, 1: 1, 2: 2, title: "dd", id: 123}
this.plus.mix({title:'dd',id:123},[1,1,2])


randomColor( [useRgb])

获取随机颜色

Parameters:
Name Type Argument Default Description
useRgb Boolean <可选>
 false

是否使用rgb格式
Returns:

颜色值 #000000 或 rgb(0,0,0)

Type
String


reversalColor(colorStr)

计算颜色值的反色，colorStr格式为：rgb(0,0,0),#000000或者#f00

Parameters:
Name Type Description
colorStr String

colorStr格式为：rgb(0,0,0),#000000或者#f00
Returns:

反色的颜色值 #000000 格式

Type
String


strBreak(txt [, lineLength] [, lineBreak])

文本自动换行

Parameters:
Name Type Argument Default Description
txt String

文本
lineLength Number <可选>
 10

换行长度，0：表示不处理
lineBreak String <可选>
 "\r\n"

换行符
Returns:

换行处理过的字符串

Type
String


toFixed(value [, precision] [, toStr])

把 Number 四舍五入为指定小数位数的数字

Parameters:
Name Type Argument Default Description
value Number | String
precision Number <可选>
 0

保留位数
toStr Boolean <可选>
 false

是否输出为字符串格式，false则输出数值
Returns:

四舍五入后的数字或字符串

Type
Number | String