Ce este jQuery
jQuery este un cadru, mai degrabă un înveliș în jurul javascriptului. jQuery a devenit extrem de important pe web datorită diverselor avantaje, precum este extrem de ușor în comparație cu javascript, ușor de învățat și implementat. paginile jQuery se încarcă foarte repede.
HTML, CSS, Javascript sunt tehnologiile care sunt înțelese de Web. HTML este utilizat pentru definirea unui aspect al paginii, CSS pentru stilizarea paginilor web. Javascript este limbajul de programare al web-ului. Actualizarea conținutului, animațiilor, o interacțiune a paginilor web cu un utilizator, toate acestea, de fapt, totul este controlat de javascript.
jQuery
De ce sau când ar trebui să căutăm alternative jQuery!
Spuneți că nu aveți nevoie de toate metodele care sunt în API-ul jQuery și că veți avea nevoie doar de câteva dintre ele, puteți căuta alternative. jQuery este în jur de 250Kb. Poate dacă căutați un fișier mai mic care să răspundă tuturor nevoilor dvs., ați dori să căutați alternative jQuery.
Lista alternativelor jQuery
Mai jos se găsesc diferitele alternative jQuery care sunt următoarele:
Javascript:
Cu toate acestea, javascriptul autohton este una dintre cele mai bune alternative jQuery, de fapt, este cadrul JS. Javascript este cel mai bun deoarece orice browsere expediază javascript și nu trebuie să instalați jQuery în aplicația dvs. De asemenea, JS este una dintre cele mai bune alternative atunci când ați avut de a face cu unele browsere foarte vechi, care ar căuta doar anumite versiuni de jQuery. Singura opțiune de utilizare a acesteia este sintaxa nu este extrem de prietenoasă, așa cum oferă jQuery.
Mod de utilizare:
var element = document.getElementById („media”);
element.classList.add („stilul meu”);
Bani lichizi:
Cash este un plugin minuscul (~ 10% dimensiunea jQuery) care acceptă browsere peste IE10 +. Sintaxa sa este similară cu jQuery. Este posibil să nu aibă toate caracteristicile pe care le are jQuery, dar are aproape toate caracteristicile de bază importante de care am avea nevoie.
Mod de utilizare:
var element = $ („div”);
$ (element) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS este puternic influențat de jQuery și are câteva funcții suplimentare în el și, de asemenea, fișierul este foarte mic în comparație cu cel mobil. UmbrellaJS este acceptat de browserele majore și IE11 +. În UmbrellaJS, puteți utiliza metode javascript native pe selecțiile umbrele, spre deosebire de jQuery.
Sintaxa UmbrellaJS este similară cu cea a jQuery, cu o diferență de a folosi u în loc de $
Mod de utilizare:
u („buton”). pe („faceți clic”, funcția () (
alertă („Hello world”);
));
Chibi JS:
ChibiJS este dezvoltat pentru a scăpa de dimensiunile mari de jQuery. ChibiJS are în jur de 7kb și are toate metodele esențiale care sunt utilizate în mare parte. Venind la suportul browserului, acesta acceptă toate browserele moderne pentru cele vechi. Acest plugin nu oferă animații. Chibi execută manipulări DOM cu 20% până la 50% mai repede decât multe biblioteci.
Sintaxa Chibi este similară cu jQuery, pentru a respecta faptul că sintaxele mici și mari ale bibliotecii nu trebuie amestecate niciodată
Mod de utilizare:
$ ( „P“). Ascunde ()
ZeptoJS:
ZeptoJS poate fi considerat ca biblioteca javascript minimalistă, cu o compatibilitate ridicată cu jQuery. Scopul acestei biblioteci nu este de a concura cu jQuery, ci de a atinge maximul API-ului său cu o dimensiune foarte mică. Dimensiunea ZeptoJS este de numai 5-10kB și descarcă și execută foarte rapid. Acceptă toate browserele majore și IE10 +.
Mod de utilizare:
$ .CamelCase ( 'Hello-acolo')
MooTools:
Mootools este colecția de funcții de utilitate javascript pentru programator javascript mediu până avansat. Este un cadru ușor de javascript. API-ul său coerent și robust permite scrierea unui cod puternic și flexibil. Are documentație foarte bună disponibilă și API este coerentă.
Mootools este benefic, deoarece permite utilizatorului să își aleagă propriile componente personalizate. Urmează practicile orientate pe obiect.MooTools oferă îmbunătățiri DOM care permite dezvoltatorilor să adauge, să modifice, să șteargă orice elemente DOM. Depozitarea elementelor este prezentă și în MooTools
Mod de utilizare:
$$ ('div.foo, div.bar');
var myElement = element nou ('div # bar.foo');
myElement.addEvent ('click', funcție () (
alert (clic pe "!);
));
ExtJS:
ExtJS înseamnă Javascript extins. Este un produs de la Sencha și se bazează pe YahooUserInterface. Este practic un limbaj de programare pentru dezvoltarea aplicațiilor desktop. ExtJS este acceptat de toate browserele precum IE6 +, FF, Chrome, Safari, Opera etc .. ExtJS se bazează pe arhitectura MVC / MVVM.
ExtJS oferă, de asemenea, o colecție excelentă de widget-uri performante, personalizabile
Mod de utilizare:
var el = Ext.get („my-div”);
var el = Ext.Element.get („div-meu”);
În afară de aceasta, există multe alte mici cadre disponibile care pot face o sarcină / funcționalitate de la capăt la sfârșit. MicroJS este un site care are multe cadre micro disponibile. În acest site web, putem verifica pur și simplu care este cerința noastră și să utilizăm doar cadrul respectiv.
Articole recomandate:
Acesta a fost un ghid pentru alternativele jQuery. Aici am discutat Listele alternativelor jQuery cu exemple de utilizare ale acestora. De asemenea, puteți consulta următoarele articole pentru a afla mai multe:
- JavaScript vs JQuery
- Cum se instalează JavaScript
- Introducere în JavaScript
- Întrebări la interviul jQuery
- jQuery querySelector | Exemple pentru interogareSelector
- Top 8 selectori jQuery cu implementare de cod
- Ghid pentru exemple de bare de progres JQuery