html - 使用 v3 进行 Modernizr 特征检测

Question

我想问一下使用以下两种方法检测是否有任何显着差异/性能问题:

假设我们正在测试 3d 变换。

使用 Modernizr 3 提供的新功能:

Modernizr.on('csstransforms3d', function(result) {
  if (result) {
    element.className = 'myFirstClass';
  }
  else {
    element.className = 'mySecondClass';
  }
});

用标准的方式:

if (Modernizr.csstransforms3d) {
  element.className = 'myFirstClass';
} else {
  element.className = 'mySecondClass'
}

Answer 1

Modernizr.on 函数仅(或主要)用于异步检测 和延迟操作。查看full explanation and example由@stucox 提供更多详细信息。

csstransforms3d 不是异步的，可以立即使用。没有理由为其使用 on 事件回调 方法。该函数使用 setTimeout() 调用时效率相当低，这对性能不利。

仅对异步检测上的延迟事件使用on。