アプリでレンダリングを最適化しようとしています。次のループがあります。
stuff.forEach(function(content){
...
content.doUpdates(); // Generates a bunch of DOM updates
})
要素が 2 つまたは 3 つしかない場合stuff
は問題ありませんが、要素が 10 個以上になると、レンダリングがブラウザーをロックし始めます。これは、すべての更新を一度に実行しようとするため正常です。
そこで、レンダリングを分割したいと思います。doUpdates
私の最初の考えは、それぞれをEmber.run.next
http://emberjs.com/api/classes/Ember.run.html#method_nextに入れることでした(各コンテンツが個別にレンダリングされてもかまいません)。しかし、「Ember.run.next でスケジュールされた複数の操作は、後の同じ実行ループに合体します」。
それを行うための推奨される方法はありますか?