✅ JQuery Альтернативи - Топ-7 альтернатив з їх використанням

Що таке jQuery

Що таке jQuery

jQuery - це рамка, а не обгортка навколо javascript. jQuery став надзвичайно важливим в Інтернеті через різні переваги, такі як він надзвичайно легкий порівняно з javascript, простий у вивченні та реалізації. Сторінки jQuery завантажуються дуже швидко.

HTML, CSS, Javascript - це технології, які розуміються в Інтернеті. HTML використовується для визначення верстки сторінки, CSS для стилізації веб-сторінок. Javascript - мова програмування Інтернету. Оновлення контенту, анімації, взаємодія веб-сторінок з користувачем, все це, насправді, все контролюється за допомогою JavaScript.

jQuery

Чому чи коли нам шукати альтернативи jQuery!

Скажімо, вам не потрібні всі методи, які є в API jQuery, і вам знадобиться лише кілька серед них, ви можете шукати альтернативи. jQuery становить близько 250 Кбіт. Можливо, якщо ви шукаєте менший файл, який відповідає всім вашим потребам, ви хочете шукати альтернативи jQuery.

Список альтернатив jQuery

Нижче наведено різні альтернативи jQuery:

Javascript:

Тим не менш, Native javascript - одна з найкращих альтернатив jQuery, насправді це основа JS. Javascript найкращий, оскільки будь-який браузер постачається з JavaScript, і вам не потрібно встановлювати jQuery у вашій програмі. Крім того, JS - одна з найкращих альтернатив, коли вам доводилося стикатися з дуже старими браузерами, які шукали б лише певні версії jQuery. Єдиний мінус його використання - синтаксис, не надто дружній, як надає jQuery.

Використання зразка:

var element = document.getElementById ("медіа");

element.classList.add ("мій стиль");

Готівка:

Cash - це мініатюрний плагін (~ 10% від розміру jQuery), який підтримує браузери вище IE10 +. Його синтаксис схожий на jQuery. У нього може бути не кожна функція, яку має jQuery, але вона має майже всі важливі основні функції, які нам знадобляться.

Використання зразка:

var елемент = $ ("div");

$ (елемент) .attr (attrName, attrValue)

UmbrellaJS:

UmbrellaJS сильно впливає на jQuery і має в ньому кілька додаткових функцій, а також файл дуже малий порівняно з мобільним. UmbrellaJS підтримується основними браузерами та IE11 +. В UmbrellaJS ви можете використовувати нативні методи JavaScript на селекторах парасольки, на відміну від jQuery.

Синтаксис UmbrellaJS подібний до jQuery з різницею використання u замість $

Використання зразка:

u ("кнопка"). on ("клацання", функція () (

попередження ("Привіт, світ");

));

Chibi JS:

ChibiJS розроблений для позбавлення від великого розміру jQuery. ChibiJS складає всього близько 7 кбіт і має всі основні методи, які в основному використовуються. Отримавши підтримку браузера, це підтримує всі сучасні та старі браузери. Цей плагін не забезпечує анімацію. Chibi виконує маніпуляції з DOM на 20% до 50% швидше, ніж у багатьох бібліотеках.

Синтаксис Chibi схожий на jQuery, щоб поважати той факт, що синтаксиси малих та великих бібліотек ніколи не слід змішувати

Використання зразка:

$ ("P"). Hid ()

ZeptoJS:

ZeptoJS можна розглядати як мінімалістичну бібліотеку javascript з високою сумісністю з jQuery. Мета цієї бібліотеки - не конкурувати з jQuery, а досягти максимуму свого API з дуже меншими розмірами. Розмір ZeptoJS складає всього 5-10 кБ та завантажується та виконується дуже швидко. Підтримується всі основні браузери та IE10 +.

Використання зразка:

$ .camelCase ("привіт-там")

MooTools:

Mootools - це набір функцій утиліти JavaScript для середнього та просунутого програміста javascript. Це легкий фреймворк javascript. Його узгоджений і надійний API дозволяє писати сильний і гнучкий код. Він має дуже гарну документацію та API є узгодженим.

Mootools вигідний, оскільки дозволяє користувачеві вибирати власні спеціалізовані компоненти. Він дотримується об'єктно-орієнтованих практик.MooTools забезпечує покращення DOM, що дозволяє розробникам додавати, змінювати, видаляти будь-які елементи DOM. Зберігання елементів також присутнє в MooTools

Використання зразка:

$$ ('div.foo, div.bar');

var myElement = новий елемент ('div # bar.foo');

myElement.addEvent ("клацання", функція () (

попередження (натиснуто! ');

));

ExtJS:

ExtJS означає розширений Javascript. Це продукт від Sencha і заснований на YahooUserInterface. Це в основному мова програмування розробок додатків. ExtJS підтримується всіма браузерами, такими як IE6 +, FF, Chrome, Safari, Opera тощо. ExtJS базується на архітектурі MVC / MVVM.

ExtJS також пропонує велику колекцію високопродуктивних, настроюваних віджетів

Використання зразка:

var el = Ext.get ("мій-div");

var el = Ext.Element.get ("мій-дів");

Крім цього, існує багато інших невеликих рамок, які можуть виконувати одне завдання / функціональність від кінця до кінця. MicroJS - це один веб-сайт, який має багато мікро-фреймів. На цьому веб-сайті ми можемо просто перевірити, у чому полягає наша вимога, і використовувати лише цю рамку.

JQuery Альтернативи - Топ-7 альтернатив з їх використанням