В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1733 membersпожаловаться на группу
2020 September 25

А

Аидрфй in Svelte [svelt]
Misha Zamkevich
screencast 2020-09-25 15-49-40.mp4
(777.92 Кб)
Зацените, собрал кайфец

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

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

https://svelte.dev/repl/39131cd79b1549b58221b34cb2f4d730?version=3.27.0
красиво, немного тормозит но классно
источник
15:07пожаловаться#1

AP

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

А

Аидрфй in Svelte [svelt]
Alexander Ponomarev
"немного" тормозит? оно жесть как тормозит
не сказал бы
источник
15:10пожаловаться#3

А

Аидрфй in Svelte [svelt]
но в прод не взять
источник
15:11пожаловаться#4

AP

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

А

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

МТ

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

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

МТ

Марк Танащук... in Svelte [svelt]
60 фпс никогда не выйдет
источник
15:15пожаловаться#8

МТ

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

MZ

Misha Zamkevich in Svelte [svelt]
Гайс, оно тормозит потому что там шаг у слайдеров 1
источник
15:24пожаловаться#10

МТ

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

МТ

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

MZ

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

MZ

Misha Zamkevich in Svelte [svelt]
Но слайдер там только для настройки. Никто его юзать не будет.
источник
15:28пожаловаться#14

MZ

Misha Zamkevich in Svelte [svelt]
И это просто PoC
источник
15:28пожаловаться#15

МТ

Марк Танащук... in Svelte [svelt]
источник
15:29пожаловаться#16

МТ

Марк Танащук... in Svelte [svelt]
40 фпс с просадками до 5-11
источник
15:29пожаловаться#17

MZ

Misha Zamkevich in Svelte [svelt]
sticker.webp
(20.96 Кб)
источник
15:29пожаловаться#18

МТ

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

MZ

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