Анимированные gif-паузы при загрузке объектов ember.js

Question

У вас возникла проблема с прядильщиком, вращающимся в то время как ember.js делает это. У меня есть очень общий jsfiddle пример, иллюстрирующий проблему:

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

я предполагаю, там должен быть простой способ, чтобы сделать эту работу, как ожидалось, но я не найти его. Я попытался использовать реализацию JavaScript/CSS spinner (spin.js) с теми же результатами. Я видел некоторые вещи, указывающие на то, что это, как правило, проблема с IE, но здесь это не так. Это происходит во всех браузерах в Windows, и я также тестировал Mac Safari.

Answer 1

Проблема заключается в вашей петле - вы в основном запираете нить. Я бы использовал таймауты и разбил работу, которую нужно выполнить, чтобы другие возможности обработки на странице могли выполняться.

Answer 2

Что касается основной причины, то @ChristopherSwasey является правильным. Об этом я попросил несколько других разработчиков Ember. Нет решения, но есть две интересные мысли, которые могут помочь:

1) Один из разработчиков сообщил, что он столкнулся с этой проблемой и обошел ее, убедившись, что анимированный gif запущен до длительного выполнения javascript.

2) Еще один разработчик предположил, что использование виртуализованного списка - это правильный путь, так что отображаются только видимые узлы. Тем не менее, я боюсь, что я еще не знаю класс с открытым исходным кодом Ember virtualized list.

Надеюсь, что это поможет.