javascript - ANT Galio 浏览器性能问题

Question

我在性能优化方面遇到了问题。目前在 ANT Galio 浏览器上编写复印机应用程序。问题是这不允许使用 mousemove 事件，但是事件 mouseover 工作得很好。我不得不写一个看不见的网格，它可以感知运动。由于浏览器不知道如何使用 alpha channel ，因此必须在一个透明像素中使用带有图片的背景。浏览器只支持 CSS2 和 ecmaScript1.6。问题是网格工作正常，但如果负载严重，则应用程序开始变慢，但如果对 mousemove 的相同操作在模拟器上运行良好，但在它自己的单元上不起作用。

鼠标悬停事件处理程序:

function _onMouseOverSubTile (e) {
    var tempSubTile = e.target,
        myData = getData(tempSubTile),
        myGrid = myData.grid,
        myCallBack = myGrid.callBack;
    if (myCallBack) {
        var tempSubTile = e.target,
            mySubTile = myData.tile;
        subTileOffsetLeft = mySubTile.left,
        subTileOffsetTop = mySubTile.top;
        myCallBack(

          //x
          myGrid.viewPortOffsetLeft + 
          myGrid.layerLeft + 
          myGrid.currentTileOffsetLeft + .
          subTileOffsetLeft + 
          myGrid.subTileWidth / 2, 

          //y
          myGrid.viewPortOffsetTop + 
          myGrid.layerTop + 
          myGrid.currentTileOffsetTop + 
          subTileOffsetTop + myGrid.subTileHeight / 2);
    };
};

这是应用程序: http://jsfiddle.net/Greck_geek/xfg85Lzn/

Answer 1

由于透明像素，应用程序运行缓慢!!!如果不使用它，那么一切正常。