jquery vs vanilla javascript – решение того, что использовать

Автор оригинала: Olawale Akinseye.

Отказ от ответственности

Эта статья не о том, почему вы не должны использовать jQuery. Скорее, это показывает, почему вы не всегда должны видеть jQuery в качестве решения ваших проблем. Это дает вам альтернативные способы выполнения баллов JQuery без необходимости использовать библиотеку.

jquery? Что это такое?

jQuery – это библиотека JavaScript, изобретена Джон Сейг в настоящее время поддерживается командой разработчиков в JQuery Foundation Отказ

Библиотека jQuery проще упростила, такие как анимации, операции AJAX, такими как анимации, операции Ajax, манипулированием дома, обработка событий и господнее. В результате вы можете написать меньше строк кода и выполнить более короткое время.

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

Многие впереди разработчики (за исключением ненавистников), без сомнения, согласны с тем, что jQuery – одно из лучших вещей, которые произошли с внешним развитием. Те, кто не разделяют эту точку зрения, по крайней мере, согласны с тем, что jQuery делает жизнь проще (ненавистник кивает) и ускоряет время разработки.

Например, вот как вы можете добавить исчезновение в анимационном эффекте на элемент в ванильном JS и jQuery.

Анимация Fadein – простой JavaScript

function fadeIn(el) {
  el.style.opacity = 0;

  var last = +new Date();
  var tick = function() {
    el.style.opacity = +el.style.opacity + (new Date() - last) / 400;
    last = +new Date();

    if (+el.style.opacity < 1) {
      (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
    }
  };

  tick();
}

fadeIn(el);

Анимация Fadein – jQuery Way

$(el).fadeIn();

Вы можете узнать больше на Сайт jQuery Отказ

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

Там действительно нет причин, почему вы не должны использовать jQuery. Правильный вопрос, чтобы спросить – Когда я не должен использовать jQuery?

Когда я не должен использовать jQuery?

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

Если ваш босс ненавидит jQuery, прошу прощения, но сохраняя вашу работу очень важна, поэтому вы, вероятно, должны написать ванильный JavaScript.

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

Другим сценарием, который вы хотите тщательно рассмотреть вопрос, прежде чем выберите jQuery, заключается в том, хотите ли вы использовать библиотеку, чтобы решить только одну простую проблему манипулирования DOM или слушающую событие. Вы действительно хотите загрузить дополнительные 85 КБ Сценарий на вашу страницу только потому, что вы хотите решить одну или две простые проблемы?

Таким образом, вы должны использовать только jQuery, если вы делаете что-то чрезвычайно сложное. Вы должны рассмотреть типы проблем, которые вы пытаетесь решить, а также как часто вы можете использовать библиотеку в вашем приложении, чтобы убедиться, что ваша страница загружается 85 КБ медленнее стоит этого.

Я хотел бы написать в простом JavaScript, но я не буду …

Я тоже. Я не знаю, как сделать много вещей в Vanilla JavaScript, но вот несколько фрагментов кода ниже, которые показывают, как делать то, как сделать то, как сделать вещи JQuery в простом JavaScript.

jquery: добавить класс

$(el).addClass(className);

Ваниль: Добавить класс

if (el.classList)
  el.classList.add(className);
else
  el.className += ' ' + className;

jQuery: Установите атрибут элемента

$(el).attr('tabindex', 3);

Ваниль: Установите атрибут элемента

el.setAttribute('tabindex', 3);

jquery: установить стиль

$(el).css('border-width', '20px');

Ваниль: установить стиль

el.style.borderWidth = '20px';

Вы можете просмотреть полный список на Возможно, вам не понадобится jQuery И используйте альтернативный ванильный код вместо jQuery, когда можете.

Если вы хотите узнать jQuery, вы можете начать с этих учебников JQuery.

Если вам нравится эта статья, не забудьте поделиться этим с другими и Следуй за мной в Twitter быть уведомленным о моих новых постах.