Администрирование

Что такое JQuery и для чего это нужно, плюсы и минусы | Boodet.online

‌Для чего нужен JQuery? Основы работы набора функций JQuery, плюсы и минусы. Как включить JQuery?

IT GIRL 12
Поделиться
Запинить
Отправить

JQuery: простыми словами

jQuery — это одна из самых популярных и расширяемых библиотек JavaScript. Ее используют Microsoft, Netflix, Google и IBM. Лучше всего применять jQuery для приложений или сайтов, которые не управляются данными. Это связано с основной особенностью библиотеки — отсутствие поддержки интерполяции переменных, манипуляции в DOM (а не в его содержимом). Что это значит? О том, что такое jQuery, как загрузить на сайт и что это даст — рассказывают специалисты Boodet.Online.

Из истории

Впервые jQuery представил Джон Ресиг в 2006 году. Продукт был заявлен как библиотека JavaScript для работы с DOM. Необходимость в ней возникла из-за проблем с совместимостью старых браузеров, например Internet Explorer. JQuery облегчила не только манипуляции с DOM, но и выполнение запросов AJAX, отображение анимации.

Что было до jQuery? Разработчики пользовались тремя основными библиотеками: Script.aculo.us, MooTools, Prototype. У всех трех были проблемы с кросс-браузерной совместимостью и синтаксисом. Новая библиотека стала логичным ответом на боли разработчиков. На ее основе выпускали новые фреймворки, плагины.

Что с jQuery сейчас? Благодаря развитию API-интерфейсов, JavaScript вырос как язык. Сейчас он тоже умеет выбирать элементы DOM (с помощью API Selectors). Современные браузеры используют JS, что тоже сдвигает позиции jQuery. Несмотря на это, по данным исследования BuiltWith, библиотеку используют на 77% сайтов (всего исследовали 1 миллион сайтов).

Для чего это нужно?

Рассмотрим несколько практических примеров применения библиотеки. Чтобы добавить анимацию или слайд-баннер на простой сайт на WordPress, можно ввести в сценарий фреймворк Vue или React. Но быстрее воспользоваться jQuery.

Еще один пример — использование фреймворка Bootstrap (ускоряет и упрощает разработку сайтов). Если использовать библиотеку, сайт будет готов еще быстрее. Такая же ситуация с плагином Slick — для него тоже нужен jQuery.

Основные сферы применения:

  • разработка приложений на AJAX;

  • отладка кода;

  • упрощение работы с DOM;

  • обработка событий на сайте;

  • анимация веб-страниц.

Как работает JQuery

Одна из основных особенностей библиотеки — возможность вызвать ее функцию в любом месте веб-страницы. Как только страница открывается — загружается jQuery. Затем сразу же добавляется глобальная функция, что обеспечивает стабильное выполнение сценариев в любом браузере. Проще говоря, пользователи сразу же загружают библиотеку, поэтому проблем с просмотром контента не возникает — вы можете быть уверены, что сайт будет отображаться именно так, как вы задумали, не будет зависеть от особенностей браузера.

Основная цель jQuery — упростить использование JavaScript. Это выражается в том, что много строчек кода JS можно заменить на метод, который, в свою очередь, можно вызвать всего одной строкой кода. Это значительно сокращает время на разработку страниц и отдельных фичей в приложении (например, анимации).

Как именно работает jQuery? Что конкретно упрощает:

  • вызов AJAX;

  • манипуляции с DOM/HTML, CSS;

  • создание анимации, эффектов (того же Hover на кнопках);

  • работу с методами событий HTML;

  • использование утилит.

Библиотека универсальная — кроме описанных задач, в ней есть готовые плагины, которые упрощают жизнь разработчиков.

То, как это работает, зависит от версии jQuery. Например, сжатую используют в производственной среде, а несжатую — для разработки. В сжатой нет переводов строки, лишних пробелов, функций, имен переменных — все это ускоряет и упрощает отладку страниц и приложений. Чтобы сослаться на сжатую версию, используют всего один тег —

Включить из сети доставки контента

Включение из CDN Google ускоряет загрузку страниц. Почему так происходит? Скорее всего, ваши пользователи уже не раз заходили на сайт Google, а значит, уже загрузили библиотеку jQuery. Когда они будут заходить на ваш сайт, браузер возьмет данные из кэша — это быстрее, чем снова загружать. Еще одно преимущество сетей доставки контента — множество серверов. То есть когда пользователь запрашивает файл у CDN, то получает его с ближайшего сервера — так быстрее:

Плюсы JQuery

В каких случаях следует использовать библиотеку? Какие плюсы это дает для приложения или сайта:

  • оптимизация современного кода под устаревшие браузеры;

  • надо ускорить работу с JavaScript;

  • вы хотите пользоваться современными плагинами (открытый исходный код, частые обновления);

  • надо облегчить жизнь разработчикам — в обширной документации есть даже примеры готового кода для разных задач;

  • нужна библиотека, которая будет дружить с JS;

  • надо быстро отладить, протестировать приложение.

Минусы JQuery

Основные минусы связаны с особенностями библиотеки:

  • нет уровня данных, как, например, у Vue;

  • не подойдет для сложных пользовательских интерфейсов (чтобы что-то поменять, придется заходить в DOM);

  • большой объем файла для импорта (эффекты, все DOM, события, компоненты);

  • устаревший API.

JQuery Mobile

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

Почему стоит использовать? Единая платформа действительно решает проблемы совместимости браузеров разных мобильных устройств. Можно не дорабатывать отдельные костыли для Symbian, Blackberry, IOS, а сразу программировать в универсальной среде.

Поделиться
Запинить
Отправить

Возможно вам так же будет интересно: