Animierte GIF-Pausen, wenn Objekte von ember.js geladen werden

Question

Ein Problem mit einem Spinner, der sich tatsächlich dreht, während ember.js es tut. Ich habe ein sehr allgemeines jsfiddle Beispiel, das das Problem veranschaulicht:

http://jsfiddle.net/h4ZcZ/2/

ich da sein übernehmen hat eine einfache Möglichkeit, diese Arbeit wie erwartet zu machen, aber ich finde es nicht. Ich habe versucht, eine JavaScript/CSS-Implementierung eines Spinner (spin.js) mit den gleichen Ergebnissen zu verwenden. Ich sah ein paar Sachen, die darauf hinweisen, dass dies normalerweise ein IE-Problem war, aber das ist hier nicht der Fall. Dies geschieht in allen Browsern unter Windows und ich habe auch auf Mac Safari getestet.

Answer 1

Das Problem ist Ihre for-Schleife - Sie sperren im Grunde den Thread. Ich würde Timeouts verwenden und die Arbeit aufteilen, um anderen Verarbeitungsanforderungen auf der Seite die Ausführung zu ermöglichen.

Answer 2

Was die Ursache angeht, ist @ChristopherSwasey korrekt. Ich habe ein paar andere Ember-Entwickler danach gefragt. Keine Lösung, aber zwei interessante Gedanken, die helfen könnten:

1) Ein Entwickler berichtete, dass er auf dieses Problem gestoßen ist und sich darum gekümmert hat, indem er sichergestellt hat, dass das animierte GIF vor der langen JavaScript-Ausführung gestartet wurde.

2) Ein anderer Entwickler schlug vor, dass die Verwendung einer virtualisierten Liste der richtige Pfad ist, so dass nur sichtbare Knoten gerendert werden. Ich fürchte jedoch, dass ich noch keine quellvirtualisierte Open-Source-Listen-Klasse kenne.

Hoffe, dass hilft.