Может ли CSS анимация не зависать при работе js?

Question

[Дмитрий]

Всем привет. Есть js, которые обрабатывает большой объем html (большая таблица). Во время обработки на кнопку вешается класс loading. к классу подвязана такая анимация:

@keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -64px 0;
    }
}

Проблема в том, что когда начинается работа скрипта, анимация замирает. Можно ли этого избежать?

Answer 1

[Антон]

Вынести обработку данных в web-worker

Comments

[Дмитрий]

Попробовал, однако работа идет с DOM.. То есть я попытался отдавать в worker что-то такое:

var tbl = $("table").clone();

Но внутри worker нет jquery... Мне по сути сам DOM не нужен. Нужен лишь объект jquery и возможность его перебирать.

[Дмитрий]

У меня задача обойти таблицу и собрать данные с нее, основываясь на классах, привязанных к ячейкам.

[Антон]

Дмитрий: можно 1) передать html в воркер и разбирать его там через cheerio 2) разделить операции на несколько и выполнять их по requestanimationframe

[Дмитрий]

2 способ я так понимаю, замедлит сам обход, так как там циклы. Первый метод, надо попробовать.. Скорость разбора у cheerio достойная? Не будет ли падения производительности по сравнению с jquery ?

[Дмитрий]

И важный вопрос, если Вам довелось использовать cheerio, есть в нем метод index() ? для вычисления позиции элемента в наборе? (чтобы узнать индексы ячеек)

[Дмитрий]

Доку полистал, последний вопрос отпадает. Буду тестировать скорость. Спасибо. Кстати, забавно, но перед тем, как написать вопрос, как раз опробовал worker, подумал, может есть более простой способ решения моей проблемы, о котором я не знал..