setAttrs(element, [attrs])

给元素批量设置属性

参数

(HTMLElement)

:

dom元素

(Object)

:

属性

返回值

(*)

:

undefined

示例

setAttrs(eDiv, { id: 1, class: 'abc' })
// => <div id="1" class="abc"></div>

downloadBlob(blob, [options])

下载 blob

参数

(*)

:

blob数据

(Object)

:

a链接的属性

返回值

(*)

:

undefined

示例

downloadBlob(blobData, { download: 'demo.png' })
// => 浏览器下载文件

download(url, config)

下载文件

参数

(String)

:

文件地址

(Object)

:

a 链接的属性

返回值

(*)

:

undefined

示例

download('https://github.githubassets.com/favicons/favicon.png', { download: 'favicon.ico' })
// => 浏览器下载文件

convertCssom([cssom])

给cssom加上单位px

参数

(Object)

:

css 对象

返回值

(Object)

:

带有'px'单位的 cssom

示例

convertCssom({ width: 100, height: 200 })
// => { width: '100px', height: '200px' }

convertCssom({ width: 100, minHeight: 100, marginTop: 10, paddingBottom: 10 })
// => { width: '100px', 'min-height': '100px', 'margin-top': '10px', 'padding-bottom': '10px' }

setStyle(element, cssom)

给元素批量设置样式

参数

(HTMLElement)

:

dom元素

(StyleSheet)

:

cssom

返回值

(*)

:

undefined

示例

setStyle(eDiv, { width: 100, color: 'red' })
// => <div style="width: 100px; color: red;"></div>

getCssText(cssom)

获取 cssText

参数

(StyleSheet)

:

cssom

返回值

(String)

:

cssText 字符串

示例

getCssText({ width: 100, color: 'red' })
// => 'width: 100px; color: red;'

getWordWidth(word, cssom)

获取字符串在浏览器中所占的长度

参数

(String)

:

字符串

(StyleSheet)

:

cssom

返回值

(Number)

:

字符串在浏览器中所占的长度

示例

getWordWidth('四个汉字')
// => 56

getWordWidth('汉字abc123')
// => 78

copyText(text)

复制文本

参数

(*)

:

要复制的文本

返回值

(*)

:

undefined

示例

copyText('abc')
// => 复制内容到粘贴板

copyText('abc\n123')
// => 复制内容到粘贴板

classNames(args)

classNames

参数

(...*)

:

每个className的描述

返回值

(String)

:

className 字符串

示例

classNames('foo', 'bar')
// => 'foo bar'

classNames('foo', { bar: true })
// => 'foo bar'

classNames({ 'foo-bar': true })
// => 'foo-bar'

classNames({ 'foo-bar': false })
// => ''

classNames({ foo: true }, { bar: true })
// => 'foo bar'

classNames({ foo: true, bar: true })
// => 'foo bar'

suffixClassNames([baseClassName=''], [suffixConfig={}], [config={separator: '-'}])

给 className 加后缀

适用于开发组件库时, 给className加作用域

参数

(String)

:

基准 ClassName

(Object)

:

classNames 对象

(Object)

:

classNames 对象

返回值

(String)

:

className 字符串

示例

suffixClassNames('table', { bordered: true, shadow: false })
// => 'table table-bordered'