Короткий отказ от ответственности – да. Название этого поста немного клика. Не на 100%, но вы определенно можете прочитать это как единое целое. Я не ваш стандартный сотрудник, полный рабочий день, поэтому мне будет немного сложно уволить, но я все еще решил написать код jQuery, и все были довольны этим.
Итак, немного перемотаем
Я начал использовать jQuery ~ 15 лет назад (примерно в то время, когда он был выпущен). Это было «перейти» для всего, что вам нужно было сделать, и я думаю, что можно с уверенностью предположить, что почти каждый веб-сайт в тот день включал линия в нем. Это было еще до дней cdnjs (Где стандарт использования jQuery стал и все контент JavaScript обслуживался непосредственно с веб -сайтов, которые вы создали без использования CDN).
jQuery Первоначально использовался для того, чтобы разработчикам было легко написать код, который работает. В отличие от сегодняшнего дня, у браузеров были разные стандарты, и для того, чтобы ваш код работал гладко (или просто работал?) То, что у нас есть сегодня ( document.queryselector ) не были доступны (или не работали, как ожидалось). Использование jQuery предоставило очень простой и стандартный способ доступа к элементам (манипуляции с DOM), работать с событиями и знать, что все будет работать, независимо от браузера, который ваш пользователи использовали для доступа к вашему веб -сайту.
jQuery UI
После широкого использования jQuery – была выпущена еще одна LIB, называемая jquery-ui Анкет Согласно веб -сайту:
UI JQUERY – это куратор взаимодействия пользовательского интерфейса, эффектов, виджетов и тем, созданных на вершине библиотеки JQUERY JavaScript.
Некоторые из функций, которые предоставляет jquery-ui, просты в использовании API для Draggable Элементы, которые очень просты и могут сэкономить нам много времени, если нам нужно справиться со всем, что связано с перетаскиванием и выпуском.
Вернемся к прошлой неделе
Итак, на прошлой неделе мне нужно было создать следующий интерфейс:
- Простая страница, которая показывает контейнер (прямоугольник с некоторым фоновым изображением).
- Внутри контейнера нам нужно отображать круги (у нас есть список положения x/y каждого круга).
- Каждый круг можно перетаскивать, но только на оси y.
- Перетаскивание/сброс может быть только внутри контейнера.
- Когда закончите – нам нужно сохранить (консоли.log, пока) новые позиции кругов.
Поскольку это был POC, я решил, что лучше всего выполнить «быструю» работу с JQUERY, которая в конечном итоге заняла ~ 3 часа. LIB JQUERY-UI с Draggable API сэкономил мне много времени, и, поскольку это был POC, мне было все равно, если он будет написан с использованием актуальной структуры (React/Vue). Одна из хороших вещей в Draggable API of jQuery-UI-это то, что Ось (Что дало мне быстрое решение только для перетаскивания оси Y) и сдерживание (Что обеспечивает способ удерживать перетаскиваемые круги внутри контейнера):
$("#container span").draggable({
axis: "y",
containment: "parent",
...
})
Окончательная версия также содержит опцию загрузки изображения/набора данных (позиции кругов) и еще несколько вещей, но для этого поста я включил эту версию кода.
Резюме
Работа с JQuery может быть не первым выбором большинства людей (а также, вероятно, не мой первый выбор для большинства проектов), но это действительно зависит от того, над каким проектом вы сейчас работаете. Да, иногда лучше просто написать ванильный javaScript, и в случае, если вам понадобится что-то, что чуть больше ~ 20-30-40 строк кода и более сложное-вероятно, лучше использовать один из стандартных и выполненных -Дайте фреймворки, но вы не должны бояться использовать все, что у вас есть в одноразовом, для предоставления быстрых решений.
Думать о том, что кто -то сделает с вашим кодом, не то, что вы должны игнорировать, но если вы работаете над чем -то, что является только POC, и вам просто нужно понять, есть ли будущее для этого кода, и кто -то действительно будет использовать его – до конца Инженер и запустите проект, который займет неделю – это нормально делать что -то «быстрое и грязное», просто чтобы почувствовать и понять, как и что делать отсюда.
Оригинал: “https://dev.to/dekel/last-week-i-wrote-some-jquery-and-no-one-fired-me-3iao”