Size: a a a

2020 September 25

А

Аидрфй in Svelte [svelt]
Misha Zamkevich
Зацените, собрал кайфец

UPD: добавил префиксы, работает в Хроме и Сафари

UPD2: сделал превью структуры

https://svelte.dev/repl/39131cd79b1549b58221b34cb2f4d730?version=3.27.0
красиво, немного тормозит но классно
источник

AP

Alexander Ponomarev in Svelte [svelt]
Аидрфй
красиво, немного тормозит но классно
"немного" тормозит? оно жесть как тормозит
источник

А

Аидрфй in Svelte [svelt]
Alexander Ponomarev
"немного" тормозит? оно жесть как тормозит
не сказал бы
источник

А

Аидрфй in Svelte [svelt]
но в прод не взять
источник

AP

Alexander Ponomarev in Svelte [svelt]
на экране один красный прямоугольник, который убивает 8 ядерный i7 в хламину =)
источник

А

Аидрфй in Svelte [svelt]
Alexander Ponomarev
на экране один красный прямоугольник, который убивает 8 ядерный i7 в хламину =)
может у тебя там количество под 50
источник

МТ

Марк Танащук... in Svelte [svelt]
Аидрфй
может у тебя там количество под 50
Не в количестве дело - анимируются сложновычисляемые height/margin.

Помимо этого вычисляется медленное свойство фильтра - blur
источник

МТ

Марк Танащук... in Svelte [svelt]
60 фпс никогда не выйдет
источник

МТ

Марк Танащук... in Svelte [svelt]
а если еще и умножить количество этих блюров или одновременно анимировать другие ноды то вообще красота по перформансу выйдет
источник

MZ

Misha Zamkevich in Svelte [svelt]
Гайс, оно тормозит потому что там шаг у слайдеров 1
источник

МТ

Марк Танащук... in Svelte [svelt]
Misha Zamkevich
Гайс, оно тормозит потому что там шаг у слайдеров 1
Типо если бы не слайдеры то 60 фпс было?
Свойства тригерят леяют и ничего сверхплавного не выйдет и это может сказаться при совмещении этой и других анимаций
источник

МТ

Марк Танащук... in Svelte [svelt]
вот была б анимация переписана на transform то да
источник

MZ

Misha Zamkevich in Svelte [svelt]
Нет, поставь везде кроме quantity шаг .01 и будет ок.
источник

MZ

Misha Zamkevich in Svelte [svelt]
Но слайдер там только для настройки. Никто его юзать не будет.
источник

MZ

Misha Zamkevich in Svelte [svelt]
И это просто PoC
источник

МТ

Марк Танащук... in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
40 фпс с просадками до 5-11
источник

MZ

Misha Zamkevich in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
запас производительности маленький
источник

MZ

Misha Zamkevich in Svelte [svelt]
Марк Танащук
запас производительности маленький
Читай выше.
источник