如何使用tabbedslidebox獲得更好的離子性能？

嗨，我使用https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox 如何使用tabbedslidebox獲得更好的離子性能？

它的偉大工程的滾動標籤，但我發現，當我使用超過幾滾動選項卡的更多（超過4-5標籤）的性能顯着下降。這是因爲它試圖在開始時爲所有制表符滑塊創建視圖內容。

我試圖使用它與30個可滾動的選項卡，它需要大約3-4秒來顯示第一個選項卡。

延遲創建視圖內容的方式是什麼？直到除焦點選項卡以外的所有其他選項卡的幻燈片更改事件？這樣，當用戶點擊選項卡時，焦點選項卡可以加載得更快，而其他選項卡視圖可以用微調器顯示。

來源

2015-12-03 andthereitgoes

我的離子滑塊有類似的問題。當我有更多的5-6張幻燈片時，演出大幅下降。我花了10秒鐘來加載幻燈片。

我的解決方案是在任何時間只構建3張幻燈片 - 當前幻燈片，下一張和前一張幻燈片。

我用這一招：包裝您的DIV幻燈片的內容，並添加了NG-如果這樣

<ion-slide-box class="blackBg" on-slide-changed="slideChanged(index)" show-pager="false" active-slide="photoIndex"> 

     <ion-slide ng-repeat="photo in photos track by $index"> 

      <div ng-if="$index >= (photoIndex-1) && $index <= (photoIndex+1)"> 

       // You slide content here... 

      </div> 

     </ion-slide> 

</ion-slide-box>

來源

2015-12-04 14:11:38 Vandervidi

感謝您將您的解決方案。非常感激。我一直在嘗試自己，我嘗試過的一件事是減少可用於呈現的數據，並且只是拉動數據在幻燈片上發生變化。你的詭計看起來也很有趣。讓我嘗試一下你的解決方案（主要是因爲用戶很可能會點擊幻燈片，這可能會超越未來和未來），我會盡快回復你。首先，我想我最終可能會把你的伎倆和我目前所擁有的任何東西混合在一起。會回到你身邊。 – andthereitgoes

只是做一個筆記以備將來參考。不是我正在尋找的確切解決方案，但它是一個很好的靈感。因此，我會接受它。 – andthereitgoes

如何使用tabbedslidebox獲得更好的離子性能？

回答

相關問題