Co je jQuery

jQuery je framework, spíše obal kolem javascriptu. jQuery se stal na webu nesmírně důležitý kvůli různým výhodám, jako je to, že je ve srovnání s javascriptem velmi lehký, snadno se učí a implementuje. jQuery se načítají velmi rychle.

HTML, CSS, Javascript jsou technologie, kterým web rozumí. HTML se používá pro definování rozvržení stránky, CSS pro stylování webových stránek. Javascript je programovací jazyk webu. Aktualizace obsahu, animace, interakce webových stránek s uživatelem, to vše je ve skutečnosti řízeno skriptem Javascript.

jQuery

Proč nebo kdy bychom měli hledat jQuery Alternativy!

Řekněme, že nepotřebujete všechny metody, které jsou v jQuery API, a potřebujete jen několik z nich, mohli byste hledat alternativy. jQuery je kolem 250 kB. Možná, pokud hledáte menší soubor, který splní všechny vaše potřeby, měli byste hledat jQuery Alternativy.

Seznam jQuery alternativ

Níže jsou uvedeny různé varianty jQuery, které jsou následující:

Javascript:

Nativní javascript je nicméně jednou z nejlepších alternativ jQuery, ve skutečnosti je to rámec JS. Javascript je nejlepší, protože všechny prohlížeče jsou dodávány s javascriptem a nemusíte instalovat jQuery do vaší aplikace. JS je také jednou z nejlepších alternativ, když jste museli řešit některé velmi staré prohlížeče, které by hledaly pouze určité verze jQuery. Jedinou nevýhodou použití je syntaxe, která není příliš přátelská, jak poskytuje jQuery.

Ukázka použití:

var element = document.getElementById („media“);

element.classList.add („můj styl“);

Hotovost:

Hotovost je malý plugin (~ 10% velikosti jQuery), který podporuje prohlížeče nad IE10 +. Jeho syntaxe je podobná jQuery. Nemusí mít všechny funkce, které má jQuery, ale má téměř všechny důležité základní funkce, které bychom potřebovali.

Ukázka použití:

var element = $ („div“);

$ (element) .attr (attrName, attrValue)

DeštníkJS:

UmbrellaJS je vysoce ovlivňován programem jQuery a má v něm několik dalších funkcí a také soubor je ve srovnání s mobilem velmi malý. UmbrellaJS je podporován hlavními prohlížeči a IE11 +. Na rozdíl od jQuery v UmbrellaJS můžete na deštníkových selektorech použít nativní metody javascript.

Syntaxe UmbrellaJS je podobná syntaxi jQuery s rozdílem v použití u namísto $

Ukázka použití:

u (“button”). on ('click', function () (

výstraha („Ahoj svět“);

));

Chibi JS:

ChibiJS je vyvinut, aby se zbavil velké velikosti jQuery. ChibiJS je pouze kolem 7kb a má všechny základní metody, které se nejčastěji používají. Podpora prohlížeče podporuje všechny moderní i staré prohlížeče. Tento plugin neposkytuje animace. Chibi provádí manipulace DOM o 20% až 50% rychleji než mnoho knihoven.

Syntaxe Chibi je podobná jQuery, protože respektuje skutečnost, že syntaxe malých a velkých knihoven by neměly být nikdy smíchány

Ukázka použití:

$ („P“). Skrýt ()

ZeptoJS:

ZeptoJS lze považovat za minimalistickou javascriptovou knihovnu s vysokou kompatibilitou s jQuery. Cílem této knihovny není konkurovat jQuery, ale dosáhnout maxima svého API s velmi menší velikostí. Velikost ZeptoJS je pouze 5-10kB a stahuje a provádí velmi rychle. Podporuje všechny hlavní prohlížeče a IE10 +.

Ukázka použití:

$ .camelCase ('ahoj-tam')

MooTools:

Mootools je kolekce pomocných funkcí javascriptu pro středně a pokročilé programátory javascript. Jedná se o lehký rámec javascript. Jeho koherentní a robustní API umožňuje psát silný a flexibilní kód. Má k dispozici velmi dobrou dokumentaci a API je koherentní.

Mootools je výhodný, protože umožňuje uživateli zvolit si vlastní přizpůsobené komponenty. Sleduje objektově orientované praktiky. Softwarové nástrojeoolTools poskytují vylepšení DOM, která vývojářům umožňuje přidávat, upravovat a mazat jakékoli prvky DOM. Úložiště prvků je také přítomno v MooTools

Ukázka použití:

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

var myElement = new Element ('div # bar.foo');

myElement.addEvent ('click', function () (

upozornění (kliknuto! ');

));

ExtJS:

ExtJS je zkratka pro Extended Javascript. Je to produkt společnosti Sencha a je založen na YahooUserInterface. Jde v podstatě o programovací jazyk pro vývoj desktopových aplikací. ExtJS je podporován všemi prohlížeči jako IE6 +, FF, Chrome, Safari, Opera atd. ExtJS je založen na architektuře MVC / MVVM.

ExtJS také nabízí velkou sbírku vysoce výkonných, přizpůsobitelných widgetů

Ukázka použití:

var el = Ext.get („my-div“);

var el = Ext.Element.get („my-div“);

Kromě toho existuje mnoho dalších malých rámců, které dokážou provádět jeden úkol / funkci od začátku do konce. MicroJS je jedno místo, které má k dispozici mnoho mikrostruktur. Na tomto webu můžeme jednoduše zkontrolovat, jaký je náš požadavek, a využít pouze tento rámec.

Doporučené články:

Toto byl průvodce alternativami jQuery. Zde jsme diskutovali seznamy alternativ jQuery s jejich ukázkovým použitím. Další informace naleznete také v následujících článcích:

  1. JavaScript vs JQuery
  2. Jak nainstalovat JavaScript
  3. Úvod do JavaScriptu
  4. jQuery Interview Otázky
  5. jQuery querySelector | Příklady dotazuSektor
  6. Top 8 jQuery selektorů s implementací kódu
  7. Průvodce příklady JQuery Progress Bar

Kategorie:

Vývoj softwaru