Durandal轉換在android上變得緩慢

Question

我打算開發一個使用Phonegap + Durandal的混合應用程序。 到目前爲止，我正在開發一款經典的Web應用程序，並且一旦對應用程序的功能集滿意，就可以切換到混合應用程序。

我意識到到目前爲止從一個視圖切換到另一個時迪朗達爾正在執行的轉換使用我的Nexus 4或Nexus 7平板時是相當草率和非流體。

有沒有人有一個想法如何加快它？最後的選擇將是所有的轉換，但這將是相當悲傷=（

更新： 好吧，發現例如，入口.js似乎使用Javascript動畫，而不是CSS3動畫。

Answer 1

我沒有使用這個庫： css3 transit的速度要快得多，發生違約

，改變entrance.js（可能是你需要爲你適應，但這個工作對我來說）

define(['../system'], function(system) { 
var fadeOutDuration = 100; 

var entrance = function(parent, newChild, settings) { 
    return system.defer(function(dfd) { 
     function endTransition() { 
      dfd.resolve(); 
     } 

     function scrollIfNeeded() { 
      if (!settings.keepScrollPosition) { 
       $(document).scrollTop(0); 
      } 
     } 

     if (!newChild) { 
      scrollIfNeeded(); 

      if (settings.activeView) { 
       $(settings.activeView).transition({ 
         opacity: 1, 
         scale: 0.3, 
         duration: duration, 
         easing: 'in', 
         complete: function(){ 
         $(settings.activeView).css('display' ,'none'); 
          if (!settings.cacheViews) { 
           ko.virtualElements.emptyNode(parent); 
          } 
          endTransition(); 
         } 
        }); 


      } else { 
       if (!settings.cacheViews) { 
        ko.virtualElements.emptyNode(parent); 
       } 
       endTransition(); 
      } 
     } else { 
      var $previousView = $(settings.activeView); 
      var duration = settings.duration || 500; 

      function startTransition() { 
       scrollIfNeeded(); 

       if (settings.cacheViews) { 
        if (settings.composingNewView) { 
         ko.virtualElements.prepend(parent, newChild); 
        } 
       } else { 
        ko.virtualElements.emptyNode(parent); 
        ko.virtualElements.prepend(parent, newChild); 
       } 

       var startValues = { 
        //marginLeft: '90%', 
        //marginRight: '-20px', 
        opacity: 0, 
        scale: 0.3, 
        display: 'block' 
       }; 

       var endValues = { 
        //marginRight: 0, 
        //marginLeft: 0, 
        opacity: 1, 
        scale: 1 
       }; 
       $(newChild).page(); 
       $(newChild).trigger('create'); 
       $(newChild).css(startValues); 
       $(newChild).transition(
        { 
         marginRight: 0, 
         marginLeft: 0, 
         opacity: 1, 
         scale: 1, 
         duration: duration, 
         easing: 'in', 
         complete: endTransition 
        }); 
        //startValues,500, 'ease'); 
       //$(newChild).transition(endValues, duration, 'swing', endTransition); 
       //$(newChild).transition({ opacity: 0.1, scale: 0.3 }, 500, 'in', function() {..}); 
       //endTransition(); 
      } 

      if ($previousView.length) { 
       $previousView.transition({ 
         opacity: 0, 
         scale: 0.3, 
         duration: 500, 
         easing: 'in', 
         complete: function(){ 
          $previousView.css('display' ,'none'); 
          startTransition(); 
         } 
       }); 

       //$('.news').css('display','none'); 

       //$previousView.fadeOut(fadeOutDuration, startTransition); 
      } else { 
       startTransition(); 
      } 
     } 
    }).promise(); 
}; 

return entrance; 

}）;

對不起我的英文不好。