blear.utils.compatible

1Introduction

2Example

var compatibe = require('blear.utils.compatible');

3Static

3.1.css(standardKey, [standardVal]): compatibledCSS

获取有浏览器前缀的CSS名称。

compatible.css('border-start');
// => {key: "-webkit-border-start"}

3.1.1standardKey

  • 类型:String
  • 说明:标准的 CSS 键

3.1.2standardVal

  • 类型:String
  • 说明:标准的 CSS 值
  • 默认:自动推断

3.1.3compatibledCSS

  • 类型:{{key: String, val: String}}
  • 说明:返回一个对象
3.1.3.1compatibledCSS.key
  • 类型:String
  • 说明:浏览器支持的 CSS 键,可能含有私有前缀,如果浏览器不支持,则为空字符串
3.1.3.2compatibledCSS.val
  • 类型:String
  • 说明:浏览器支持的 CSS 值,可能含有私有前缀

3.2.event(standard, [parent=document]): eventType

获取有浏览器前缀的事件名称。

compatible.event('transitionend', window);
// => "onwebkittransitionend"

3.2.1standard

  • 类型:String
  • 说明:标准事件名称

3.2.2parent

  • 类型:*
  • 说明:事件触发父级
  • 默认:document

3.2.3eventType

  • 类型:String | undefined
  • 说明:浏览器支持的事件名称,可能包含私有前缀,如果浏览器不支持,则返回 undefined

3.3.js(standard, parent): compatibledProperty

获取有浏览器前缀的方法、属性名称。

compatible.js('audioContext', window);
// => "webkitAudioContext"

3.3.1standard

  • 类型:String
  • 说明:标准方法、属性名称

3.3.2parent

  • 类型:*
  • 说明:所在的父级
  • 默认:window

3.3.3compatibledProperty

  • 类型:String | undefined
  • 说明:浏览器支持的方法、属性名称,可能包含私有前缀,如果浏览器不支持,则返回 undefined

4Dependencies