Нужен ли jQuery в 2022?

jQuery

Джейквери живее всех живых :‑)

jQuery

Синтаксическим сахаром называют расширение языка программирования, которое не влияет на поведение программы, но делает использование языка удобнее для программиста

Напомню: Джейквери — это подключаемая к сайту библиотека, набор обёрток над Яваскриптом для удобной работы с элементами страницы, «синтаксический сахар». Позволяет писать более лаконичный код:

Синтаксическим сахаром называют расширение языка программирования, которое не влияет на поведение программы, но делает использование языка удобнее для программиста

Яваскрипт
const elements = document.querySelectorAll('.el')
      ​
// Нужно запомнить обработчик события,
// иначе мы не сможем отключить его позже
let clickHandler = element => {
  const shinyButton = document.createElement('button')
  shinyButton.classList.add('shiny')
  shinyButton.innerText = "Кнопка"
  this.appendChild(shinyButton)
}
      ​
for (let element of elements) {
  element.
 
 addEventListener('click', clickHandler)
}
      ​
// Позже
for (let element of elements) {
  element.removeEventListener('click', clickHandler)
}
Джейквери
const elements = $('.el')
      ​
elements.on('click', () => {
  $(this).append($('<button>Кнопка</button>'))
})
      ​
// Позже
elements.off('click')

Когда использовать Джейквери

Когда Джейквери не подходит

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

Почему вы используете jQuery для хождения по дереву и управления событиями?

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

Почему вы используете jQuery для хождения по дереву и управления событиями?

Если использовать Джейквери для разработки сложного интерфейса, то большую часть кода займёт служебный обвес: навешивание обработчиков событий, проверки наличия классов, обновление содержимого и атрибутов тегов. Ещё есть большой риск слишком плотно связать логику и вёрстку, усложнив поддержку и развитие проекта.

  • Vue.js

Для сложного интерфейса гораздо эффективнее и надёжнее использовать реактивные фреймворки, вроде Реакта или Вью. Они разделяют логику и представление, берут на себя синхронизацию вёрстки с данными, чтобы разработчики могли сконцентрироваться на написании бизнес‑логики.

  • Vue.js

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка

Отправить

Поделиться

Поделиться

Запинить

Твитнуть

Свежак

JavaScript, jQuery

Насколько раздражают стандартные окна оповещений JS? Они представляют из себя пережиток примитивной эпохи веб-разработки.

Подробнее …

Каждый современный сайт должен быстро загружаться. Существует множество методов и плагинов для ускорения загрузки страниц, поэтому вы можете не знать, что использовать сначала.

Скрипт Progressively является отличным инструментом для увеличения скорости страницы. Он является скриптом для отложенной загрузки изображений (lazy load), который загружает изображения постепенно в процессе прокручивания страницы пользователем.

Подробнее …

jQuery до сих пор была полезной и прагматичной библиотекой, но все чаще снижается вероятность того, что вы будете использовать ее в своих проектах для выполнения таких задач, как выбор элементов, их стилизация, анимация и выборка данных. С увеличением поддержки браузерами ES6 (около 96% на момент написания статьи), сейчас, возможно, самое время отказаться от использования jQuery.

Подробнее …

Для некоторых пользователей панель процесса загрузки (progress bar) является очень полезной вещью. Он информирует их о том, насколько они ближе к цели. Обычно используется для более удобного взаимодействия в пользователем. Когда вы открываете веб-страницу в своем любимом браузере, на вкладке браузера уже есть индикатор выполнения по умолчанию, который позволяет увидеть, полностью ли загружена страница.

Подробнее …

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

Подробнее …

Категории блога

  • Битрикс (40)
  • HTML-верстка (54)
  • Joomla (18)
  • JavaScript, jQuery (26)
  • PHP (10)
  • Базы данных (5)
  • Разное (23)

Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

  • Шаблон документа HTML5 (zip, 35. 41 Кб)
  • Шаблон jQuery-плагина (zip, 426 байт)
  • Шаблон сайта 1С-Битрикс (zip, 3.11 Кб)

Полезное

следующий → ← предыдущая

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

Основная цель jQuery — предоставить простой способ использования JavaScript на вашем веб-сайте, чтобы сделать его более интерактивным и привлекательным. Он также используется для добавления анимации.

Что такое jQuery

jQuery — это небольшая, легкая и быстрая библиотека JavaScript. Он кроссплатформенный и поддерживает разные типы браузеров. Его также называют «пишите меньше, делайте больше». потому что он берет на себя множество общих задач, для выполнения которых требуется много строк кода JavaScript, и связывает их в методы, которые можно вызывать с помощью одной строки кода, когда это необходимо. Также очень полезно упростить многие сложные вещи из JavaScript, такие как вызовы AJAX и манипуляции с DOM.

  • jQuery — это небольшая, быстрая и легкая библиотека JavaScript.
  • jQuery не зависит от платформы.
  • jQuery означает «пиши меньше, делай больше».
  • jQuery упрощает вызов AJAX и манипулирование DOM.

Функции jQuery

Ниже перечислены важные функции jQuery.

  • Работа с HTML
  • Манипуляции с DOM
  • Выбор элемента DOM
  • CSS манипуляции
  • Эффекты и анимация
  • Коммунальные услуги
  • АЯКС
  • Методы событий HTML
  • Анализ JSON
  • Расширяемость за счет подключаемых модулей

Зачем нужен jQuery

Иногда может возникнуть вопрос, зачем нужен jQuery или какая разница в использовании jQuery вместо AJAX/JavaScript? Является ли jQuery заменой AJAX и JavaScript? На все эти вопросы можно дать следующие ответы.

  • Это очень быстро и расширяемо.
  • Это позволяет пользователям писать коды функций, связанных с пользовательским интерфейсом, в минимально возможных строках.
  • Повышает производительность приложения.
  • Можно разрабатывать веб-приложения, совместимые с браузером.
  • Он использует в основном новые функции новых браузеров.

Итак, можно сказать, что из множества фреймворков JavaScript jQuery является самой популярной и самой расширяемой.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *