Преимущества HTML 5 Перетаскивание и перетаскивание через jQuery UI Drag and Drop

Я пишу новое веб-приложение, которое должно поддерживать операции перетаскивания для элементов на странице (не перетаскивать файлы).

Это ответ на этот вопрос

html5 vs jquery drag and drop

рекомендует использовать Modernizr для проверки того, поддерживает ли браузер поддержку HTML5 и использует ли она эту поддержку или возвращается к альтернативе, например, к jQuery UI.

Поскольку у них совсем другие модели, это означает, что весь код перетаскивания необходимо будет реализовать и протестировать отдельно (очень небольшая совместная реализация). Логично это сделать, если есть значительные преимущества, которые могут повлиять на HTML5 при перетаскивании, и если возврат к jQuery UI обеспечит ухудшение качества.

Существуют ли значительные преимущества для реализации обоих вариантов?

Ответ 1

Я бы предположил, что в конечном итоге jQuery воспользуется встроенными возможностями браузера, такими как html 5 drag and drop.

И если разные браузеры реализуют его по-другому... jQuery будет иметь дело с ним.

Ответ 2

Я думаю, что самым большим преимуществом перетаскивания HTML5 над jQuery является устранение значительной библиотеки пользовательского интерфейса jQuery и файлов css.

Это говорит о том, что в настоящее время проблема совместимости с браузером делает jQuery очень необходимой.

Ответ 3

Хорошо, реализовав оба варианта, я бы рекомендовал сделать это вручную с помощью событий mousedown/mousemove (в основном, как пользовательский интерфейс jquery).

Я согласен с тем, что пользовательский интерфейс jQuery может быть немного тяжелым, но есть множество учебников/фрагментов кода, доступных для его собственного кода.

Почему я рекомендую использовать ручной подход, а не собственную реализацию в современных браузерах? Потому что html5 DnD sux! Он может быть новым для текущих браузеров, но моделируется после старой реализации в IE5.

Если вы говорите о перемещении между окнами из рабочего стола, то, возможно, я бы подумал об использовании html5 DnD, поскольку он имеет перехватчики браузера/ОС. Если вы просто перемещаете узлы DOM на одной веб-странице, делайте это вручную с помощью событий js mouse.

-Поль

Ответ 4

Я отвечаю конкретно на dnd, так как это, кажется, то, о чем вы просили. Я думаю, что некоторые люди запутывают jQuery с jQueryUI. Использование родного HTML5 dnd вместе с jQuery - отличная комбинация, как по производительности, так и по времени разработки. Поскольку функции dnd пришли из мира IE, поддержка браузера довольно хорошо по всем направлениям (в том числе IE7 наверняка и, возможно, даже старше). Использование jQuery дает вам все кросс-браузер addClass(), removeClass() и т.д., Которые имеют решающее значение.

jQueryUI, с другой стороны, предлагает массу функций, которые вам, вероятно, не понадобятся. Поскольку их dnd полагается на события мыши, а не на native dnd, производительность не будет такой же хорошей. jQueryUI не следует путать с jQuery. jQueryUI не получил никаких крупных обновлений за более чем 2,5 года! (Да, jQueryUI 1.8rc1 был в JAN 2010) Итак, его не так просто сказать, что они добавят поддержку в будущем, в темпе, который они обновили, я бы не задерживал дыхание.

Ответ 5

Я просто конвертировал один script, чтобы использовать сортировку script на основе HTML5 вместо jQueryUI, потому что с размером того, что я пытался сортировать, потребовалось 19 секунд для инициализации версии jQueryUI, и .19 секунд для инициализации версии HTML5.

Итак, преимущество: скорость