277 читали · 4 года назад
JavaScript Drag-and-Drop
В этой статье я расскажу о том, как работает перетаскивание объектов в HTML5. Для начала создадим файл index.html, папки js и css. В папке js создадим файл common.js, а в папке css создадим файл style.css Теперь напишем разметку в файле index.html Теперь напишем стили в файле style.css В результате в браузере увидим следующее Перейдем в файл common.js и начнем писать код. В начале повесим на объект window событие load, которое будет вызвано после того, как страница полностью загрузится. Затем...
180 читали · 1 год назад
Как реализовать функциональность перетаскивания с помощью React Beautiful Dnd
Источник: Nuances of Programming Мир бесшовных взаимодействий: магия перетаскивания Представьте себе следующее: вы используете приложение для управления проектами, без усилий перетаскивая задачи своей команды из одной колонки в другую по мере изменения приоритетов. Это плавное взаимодействие кажется почти волшебным и к тому же создает интуитивно понятный и визуально привлекательный пользовательский опыт. Но задумывались ли вы когда-нибудь, как можно воссоздать это волшебство в собственных React-приложениях?...