0

Переделал огромное количество слайдеров от готовых js аля вставил скрипт, картинки и забыл до css на строк 300~400. Но как ни искал а единственная разница которую я нашел это то, что css легче а на js больше готовых решений и их удобнее вставлять.

Кто разбирается, можете подсказать более детальные тонкости и особенности каждого?

Данная тема является причиной для споров уже достаточно долго но к консенсусу пока не приходили, так как и плюсы и минусы у каждого свои

14
  • 1
    Для каждой задачи есть свое решение, смотря что Вам нужно. Слайдеры на CSS и JS это лишь инструмент, который Вы выбираете при постройке своего "сооружения".
    – meine
    14 мая 2019 в 7:40
  • 1
    В глобальном плане, на поддержание проекта это никак не отразится. Да, css более производителен, но в это же время многое не будет работать в старых версиях браузеров.. Ну и кроме этого, функционал слайдера на css будет крайне ограничен возможностями самого css.. Кто бы что не говорил, в этом плане js будет намного превосходить оппонента, по этой причине до сих пор множество вещей так и "создаются" с его помощью
    – InDevX
    14 мая 2019 в 7:40
  • 1
    Именно по той причине, которая описана в последнем абзаце вопроса, вопрос должен быть закрыт
    – andreymal
    14 мая 2019 в 7:47
  • Споров в добром смысле :)
    – Mark
    14 мая 2019 в 7:49
  • Имел ввиду то, что когда меня спрашивали "на 'чем' сделать слайдер корректнее" то я говорил что можно его сделать как на js так и на css и дальше не один раз шел достаточно длинный диалог с аргументами в обе стороны, а было бы лучше если бы был "нокаутирующий" аргумент что бы сразу отнести определенный слайдер к определенным задачам ;)
    – Mark
    14 мая 2019 в 7:55

1 ответ 1

0
  1. Слайдер на css работает даже если у пользователя в браузере отключены скрипты.
  2. При помощи js проще защиклить слайдер, чтобы он плавно переходил с последнего кадра на первый. Впрочем, на css тоже можно.
  3. На js логичнее реализовывать фиксацию страниц выбором кнопки.
  4. На css при использовании animation-play-state: paused возможна остановка между слайдами.
  5. У css-анимаций производительность лучше, так что даже при использовании js лучше оставить css-анимации.
4
  • Дополню от себя то что еще нашел: 1. Для того чтобы использовать и управлять переменными для css требуется пре/пост-процессор когда на js переменные нативны. 2. Так как скрипты загружаются в последнюю очередь то и перелистывание слайдера(а то и весь слайдер) будет прогружатся также в последнюю 3. Css слайдеры более просты(имхо) в изучении и для создания крутых анимаций необязательно изучать кучу нового синтаксиса.
    – Mark
    14 мая 2019 в 10:55
  • 1. Вроде css-переменные слайдеру не очень нужны? 2. Скрипты можно загружать где угодно, главное понимать, что из этого получится. 3. Какого ещё синтаксиса? о_О
    – Qwertiy
    14 мая 2019 в 12:10
  • 1. C помощью переменных можно удобно делать delay, время анимации <s>и я считаю что легче написать slide1.hide(), slide2.show() и т.д. а не расписывать slide1{animation: name 2s } + куча кода для простого display(или opacity) на @keyframes </s>2. Во первых загружать даже min.js если у устройства медленный инет(5 мегабайт, не говорю уже про 200-500кб 2 g инета) перед css достаточно долго. 3. Добавляемого некоторыми готовыми библиотеками синтаксиса, который собсно вызывает слайдер и бывает с помощью него нужно еще характеристики слайдера вписывать.
    – Mark
    14 мая 2019 в 14:07
  • user:178988 is:a @keyframes
    – Qwertiy
    14 мая 2019 в 18:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.