poniyur, а ведь так оно и есть. И ваш код сути дела ни на йоту не меняет.
Кроме того, что у вас неправильный БЭМ, где зачем-то у активного элемента удаляется основной класс .second__item и заменяется классом .second__active, который является модификатором и должен сосуществовать с первым.
И модификаторы, конечно, не должны быть прописаны так, как у вас, а вот так: .second__item--active.
Смотря что вы хотите делать. JS стал слишком обширен. Если вы серверный JS изучаете, то HTML и CSS вам как таковые не нужны. Да и то — дело спорное.
Если же вы ближе к front-end, то лучше сначала нормально понять основы (и не только) CSS и HTML, на мой взгляд. Иначе, опять же на мой взгляд, можно делать сложно там, где можно сделать очень просто с помощью CSS. Или же тупо будете не понимать основы работы с DOM и как что устроено.
Иван Иванов, если там слайдеры, то имеет смысл, потому что там события да лишний DOM. Можно для производительности удалить как DOM, так и отвязать события и т. п. А-ля React подход.
А если ещё серьезнее, то проблема ваша заключается скорее всего в том, что ваша анимация сделана неверно. И заканчивается не в исходной точке положения элемента. После завершения анимации, у вас, соответственно, скачок от места последнего keyframe'a до заданных значений свойств.
Тимур, просто блок с кнопками и текстом, если это не часть отдельных слайдов. Я не знаю, какой функционал они собой несут. По картинке недостаточно понятно.
Ну это чтобы таблица отображалась по мере загрузки сразу же, а не ждала рендеринга всего массива строк.
А вообще, с таким количеством строк неудивительно, что оно тормозит. Навряд ли вы это исправите, если в DOM будут все 1000 строк одновременно. Только AJAX-пагинация вас спасёт.
Таблицы в целом медленные. Ещё на заре цивилизации их перестали использовать для той же разметки в т. ч. и по этой причине (ну и плюс они нифига не гибкие).
Кроме того, что у вас неправильный БЭМ, где зачем-то у активного элемента удаляется основной класс
.second__item
и заменяется классом.second__active
, который является модификатором и должен сосуществовать с первым.И модификаторы, конечно, не должны быть прописаны так, как у вас, а вот так:
.second__item--active
.