Size: a a a

JavaScript Noobs — сообщество новичков

2021 June 08

BS

Bogdan Saliuk in JavaScript Noobs — сообщество новичков
А зачем их 500+? А относительно проблем с производительностью, так может в алгоритме проблема?
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Это для умного дома и там у пользователя может быть столько устройств в одном месте
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Алгоритм тут боюсь не причем, разница между grid и absolute top left width height ощутима
источник

MU

M. U in JavaScript Noobs — сообщество новичков
500 устройств в одном доме? Это что за замок такой? Разве что многоэтажка какая-то
источник

BS

Bogdan Saliuk in JavaScript Noobs — сообщество новичков
ну так и гриды без анимаций :)
А анимировать top/left - конечно не производительно. Нужен transform: translate
источник

Д

Деда in JavaScript Noobs — сообщество новичков
бывает у наших пользователей такое )
источник

М

Михаил in JavaScript Noobs — сообщество новичков
Ребят, я правильно понимаю, что для фронтенда основным языком является JS?
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Без анимаций даже, чисто отрисовка как мне показалась гораздо производительней
источник

kp

krn p in JavaScript Noobs — сообщество новичков
Все так
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Анимация была кстати свойствами сss transition, но двигал да, top и left
источник

j

jk in JavaScript Noobs — сообщество новичков
Имхо покупай то, куда можно прошить нормальный андроид и/или устанавливать приложения в apk. Всё остальное вторично.
источник

kp

krn p in JavaScript Noobs — сообщество новичков
Ну вот исходя из момента , где нужно выбрать ширину текущей ячейки - я бы сразу посмотрел в сторону грида, это почти хрестоматийный пример. Но сам алгоритм перетаскивания для меня немножко загадка.
В флекс контейнере помню можно было менять порядок элементов. Есть ли такое в грид контейнере? Можете в эту сторону покопать .
И да, то что вы делаете - очень красиво)
источник

kp

krn p in JavaScript Noobs — сообщество новичков
Также думаю сперва есть смысл изучить , какие цсс свойства являются анимируемыми. И вот тут грид может немножко всосать. Может пришло время для канвас?
источник

kp

krn p in JavaScript Noobs — сообщество новичков
Флекс тоже анимируемый. Может стоит в его направлении смотреть. Такой вот бестолковый из меня советчик 😒
источник

NL

Nikolaj Lozickij in JavaScript Noobs — сообщество новичков
тут все на анимациях, там где пусто стоят невидимые ячейки, блоки знают о существовании пустых рядом и берут их значения, пихают в анимацю и вуаля
источник

NL

Nikolaj Lozickij in JavaScript Noobs — сообщество новичков
тут надо брать и привязывать всю отрисовку к данным и на основе изменения данных например матрица, перерендеривать ячейки с анимацие по нужным
источник

MU

M. U in JavaScript Noobs — сообщество новичков
А зачем на e-ink левые приложения?
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Но как в grid поменять два элемента местами с анимацией? Пока только а голове с помощью transform: translate двигать их а после завершения менять или физически в коде их порядок или же проставлять order всем
источник

kp

krn p in JavaScript Noobs — сообщество новичков
Ордер всем. Менять сетку грида по необходимости. Я бы так попробовал
источник

Д

Деда in JavaScript Noobs — сообщество новичков
Order тогда после смены любого элемента прийдется всем пересчитать, верно?
источник