angularjs和jquery在手機上的性能

Question

我正在使用AngularJs和jQuery創建用於iPad和其他平板電腦的單頁視圖網站。 我之所以使用AngularJs，是因為它是我們的客戶要求的，但是我不知道AngularJs的哲學，因此決定使用jQuery控制點擊事件（我知道這是個大錯誤）。

事實是，以這種方式將兩個庫混合在一起似乎在移動設備上引起了很多性能問題 。 我需要同時加載和處理數百個div的動畫（這是一個POS應用程序）， 我想知道實現指令代替使用jQuery事件是否可以提高性能 。 如果沒有，我真的不知道為什么我應該開發指令。

提前致謝！

Answer 1

所以我通過幾件事改善了這個問題。 首先，減少角度元素的數量會大大提高性能。 其次，我將jquery-animate-enhanced用於運動動畫，這也大大改善了翻譯效果！ 第三，我為淡出動畫使用了animate.css ，這很棒。

我仍在嘗試通過類似於iOS或Android的視圖回收來提高性能，但是我發現ng-repeat對此並不滿意。 因此，我可能必須執行指令。

謝謝！

Answer 2

提高性能：

我已經經歷了這種情況，而提高SPA Web應用程序性能的最佳措施就是盡可能使用本機Javascript代替jQuery。

例如，我更換了我的

$(element).html("This is some text") to element.innerHTML="This is some text"

和

$(document).on('scroll',element,callbackFuntions)到element.addEventListener('scroll',callbackFunction,{passive:true})

請注意我的滾動甚至監聽器中的{passive:true}參數， 通過此參數，可以極大地增加我的滾動體驗，並幫助我擺脫了滾動滯后。

使用指令的原因：

有時您可能想在dom中而不是在dom中創建特定元素時運行腳本。 那時候指令很有幫助。