Android 上的 crossWalk cordova touchmove 性能问题答案

【问题标题】：crossWalk cordova touchmove performance issues on AndroidAndroid 上的 crossWalk cordova touchmove 性能问题
【发布时间】：2016-02-12 17:29:06
【问题描述】：

我正在 Android 的流星/cordova 应用程序中创建一个非常标准的移动幻灯片菜单。我安装了crosswalk package，并看到了 UI 性能的惊人提升，除了我用于菜单和其他滑动面板的 touchmove 事件。这是触摸事件的代码。

/* Touch Events - Nav */
var el = document.getElementById('appnavigation');
var touchPos;
var start = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];

  touchPos = touch.clientX;
  el.style.transition = 'transform 0.08s';
};
var end = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];
  var pos = el.getBoundingClientRect().left;

  if (Math.abs(pos) > 160) {
    App.Util.toggleVisible('nav');
  }

  el.style.transition = '';
  el.style.transform = '';
};
var move = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];
  var x = Math.abs(touch.clientX - touchPos);

  if (touch.clientX > 0 && x > 0) {
    el.style.transform = 'translate3d(-' + x + 'px, 0, 0)';
  }
};

// attach event listeners
el.addEventListener('touchstart', start, false);
el.addEventListener('touchend', end, false);
el.addEventListener('touchcancel', end, false);
el.addEventListener('touchmove', move, false);

这可行，但偶尔会变得迟钝，任何帮助都会很棒。

【问题讨论】：

标签： javascript performance cordova meteor crosswalk

【解决方案1】：

好吧好吧，被我自己的黑客打败了。当我最初这样做时，我使用的是 jQuery，为了使事情顺利进行，需要非常快速的转换。当移动到人行横道时，虽然这实际上使移动变得可怕和滞后，因此解决方案在上面，在touchstart 处理程序中，将转换设置为无。

就是这样。

【讨论】：