t
потому что ресайз - это изменение размеров, а dnd - перетаскивание в новую позицию
Принцип схож.
Size: a a a
2020 March 05
B
Принцип схож.
не понимаю о какой схожести речь, это 2 разные задачи. даже с точки зрения ui - вы либо ресайзите элемент, либо таскаете.
t
не понимаю о какой схожести речь, это 2 разные задачи. даже с точки зрения ui - вы либо ресайзите элемент, либо таскаете.
И там, и там ты отслеживаешь координаты мыши и задаёшь соответствующие свойства.
t
Только в dnd перемещают весь блок.
t
А при ресайзе, как ни странно, - происходит ресайз блока.
B
И там, и там ты отслеживаешь координаты мыши и задаёшь соответствующие свойства.
понятно что и там и там на низком уровне нужно будет расчитывать координаты. ну вот вы же зубы к гинекологу не ходите лечить, а наверняка у него инструменты даже подходящие найдутся?)
есть ряд специфичных для dnd и ресайза задач. например для dnd: отображение пассивной\активной дропзоны, отображение плейсхолдера, ограничение области таскания, передача payload с таскаемым компонентом, какие то из них решаются нативным апи, какие то нет.
для ресайза: ограничение ресайза по вертикали/горизонтали/диагонали, скалирование размеров
общего у них тоже много что может быть: ограничение области таскания\ресайза, проверки на пересечение, оптимизации перфоманса, привязки к сетке и бог знает что еще..
есть ряд задач для dnd и ресайза, где работа c DOM просто просядет по перфомансу и все это хозяйство придется рисовать на канвасе, а там еще разные сложности и нюансы вылезают.
бывает обычно так, что где надо ресайзить элементы, то там же и нужно таскать, но концептуально подходы к ресайзу и днд могут быть очень разные.
есть ряд специфичных для dnd и ресайза задач. например для dnd: отображение пассивной\активной дропзоны, отображение плейсхолдера, ограничение области таскания, передача payload с таскаемым компонентом, какие то из них решаются нативным апи, какие то нет.
для ресайза: ограничение ресайза по вертикали/горизонтали/диагонали, скалирование размеров
общего у них тоже много что может быть: ограничение области таскания\ресайза, проверки на пересечение, оптимизации перфоманса, привязки к сетке и бог знает что еще..
есть ряд задач для dnd и ресайза, где работа c DOM просто просядет по перфомансу и все это хозяйство придется рисовать на канвасе, а там еще разные сложности и нюансы вылезают.
бывает обычно так, что где надо ресайзить элементы, то там же и нужно таскать, но концептуально подходы к ресайзу и днд могут быть очень разные.
ED
Сейчас обязательно знать фрейм фронтендеру или можно на ваниле найти работу?
AV
Сейчас обязательно знать фрейм фронтендеру или можно на ваниле найти работу?
Работу можно найти на любой вкус
AP
Сейчас обязательно знать фрейм фронтендеру или можно на ваниле найти работу?
если не просят фреймворк, значит 99%, что посадят на легаси жиквери
V
И там, и там ты отслеживаешь координаты мыши и задаёшь соответствующие свойства.
Dnd Не даёт управления координатами
t
понятно что и там и там на низком уровне нужно будет расчитывать координаты. ну вот вы же зубы к гинекологу не ходите лечить, а наверняка у него инструменты даже подходящие найдутся?)
есть ряд специфичных для dnd и ресайза задач. например для dnd: отображение пассивной\активной дропзоны, отображение плейсхолдера, ограничение области таскания, передача payload с таскаемым компонентом, какие то из них решаются нативным апи, какие то нет.
для ресайза: ограничение ресайза по вертикали/горизонтали/диагонали, скалирование размеров
общего у них тоже много что может быть: ограничение области таскания\ресайза, проверки на пересечение, оптимизации перфоманса, привязки к сетке и бог знает что еще..
есть ряд задач для dnd и ресайза, где работа c DOM просто просядет по перфомансу и все это хозяйство придется рисовать на канвасе, а там еще разные сложности и нюансы вылезают.
бывает обычно так, что где надо ресайзить элементы, то там же и нужно таскать, но концептуально подходы к ресайзу и днд могут быть очень разные.
есть ряд специфичных для dnd и ресайза задач. например для dnd: отображение пассивной\активной дропзоны, отображение плейсхолдера, ограничение области таскания, передача payload с таскаемым компонентом, какие то из них решаются нативным апи, какие то нет.
для ресайза: ограничение ресайза по вертикали/горизонтали/диагонали, скалирование размеров
общего у них тоже много что может быть: ограничение области таскания\ресайза, проверки на пересечение, оптимизации перфоманса, привязки к сетке и бог знает что еще..
есть ряд задач для dnd и ресайза, где работа c DOM просто просядет по перфомансу и все это хозяйство придется рисовать на канвасе, а там еще разные сложности и нюансы вылезают.
бывает обычно так, что где надо ресайзить элементы, то там же и нужно таскать, но концептуально подходы к ресайзу и днд могут быть очень разные.
Да, я с тобой согласен.
Человек не мог найти инфу о том, как реализовать ресайз. Он не рассказал конкретно, что ему нужно --> я дал ему аналогичную вопросу наводку.
Человек не мог найти инфу о том, как реализовать ресайз. Он не рассказал конкретно, что ему нужно --> я дал ему аналогичную вопросу наводку.
B
Dnd Не даёт управления координатами
дает
B
вот она не очень
у него есть https://github.com/bokuweb/re-resizable
rnd это обертка над re-resizable + react-draggable
rnd это обертка над re-resizable + react-draggable
🦜
у него есть https://github.com/bokuweb/re-resizable
rnd это обертка над re-resizable + react-draggable
rnd это обертка над re-resizable + react-draggable
Она кривая
🦜
Она не решает мой кейс
B
Она не решает мой кейс
какой?
🦜
какой?
Ресайз по высоте вверх
🦜
Когда в демке тянешь
🦜
То увеличивает вниз
C
Ребят, где найти материал по js , стобы прокачаться,
Если ты уже прошел весь learn.js?
Если ты уже прошел весь learn.js?