Kaj je jQuery
jQuery je okvir, namesto ovitka okoli javascripta. jQuery je postal zelo pomemben v spletu zaradi različnih prednosti, kot je izredno lahek v primerjavi z javaskularjem, enostaven za učenje in izvajanje. jQuery strani se naložijo zelo hitro.
HTML, CSS, Javascript so tehnologije, ki jih splet razume. HTML se uporablja za določitev postavitve strani, CSS pa za oblikovanje spletnih strani. Javascript je programski jezik spleta. Posodabljanje vsebine, animacije, interakcija spletnih strani z uporabnikom, vse to pravzaprav vse nadzira JavaScript.
jQuery
Zakaj ali kdaj bi morali iskati alternative jQuery!
Recimo, da ne potrebujete vseh metod, ki so v jQuery API-ju in bi jih med njimi potrebovali le nekaj, lahko poiščete druge možnosti. jQuery znaša približno 250Kb. Mogoče bi želeli poiskati manjšo datoteko, ki izpolnjuje vse vaše potrebe, poiščite jQuery alternative.
Seznam alternativ jQuery
Spodaj so različne jQuery alternative, ki so naslednje:
Javascript:
Kljub temu je Native javascript ena najboljših alternativ jQuery, pravzaprav je okvir JS. Javascript je najboljši, ker kateri koli brskalnik ponuja javascript in vam ni treba namestiti jQuery v svojo aplikacijo. Prav tako je JS ena najboljših alternativ, ko ste se morali spoprijeti z nekaterimi zelo starimi brskalniki, ki bi iskali le nekatere različice jQueryja. Edina možnost uporabe sintakse ni izredno prijazna, kot jo zagotavlja jQuery.
Uporaba vzorca:
var element = document.getElementById ("mediji");
element.classList.add ("moj slog");
Gotovina:
Cash je majhen vtičnik (~ 10% velikosti jQuery), ki podpira brskalnike nad IE10 +. Njegova skladnja je podobna jQuery. Morda nima vsake funkcije, ki jo ima jQuery, ima pa skoraj vse pomembne osnovne lastnosti, ki bi jih potrebovali.
Uporaba vzorca:
var element = $ ("div");
$ (element) .attr (attrName, attrValue)
UmbrellaJS:
Na UmbrellaJS močno vpliva jQuery in ima v njem nekaj dodatnih funkcij, datoteka pa je v primerjavi z mobilnim zelo majhna. UmbrellaJS podpirajo glavni brskalniki in IE11 +. V UmbrellaJS lahko v izbirnikih dežnikov uporabite izvorne metode javascripta, za razliko od jQuery.
UmbrellaJS sintaksa je podobna kot v jQuery, le da je razlika med uporabo u namesto $
Uporaba vzorca:
u ("gumb"). on ("klik", funkcija () (
opozorilo ("Pozdravljeni svet");
));
Chibi JS:
ChibiJS je razvit tako, da se znebite velike velikosti jQueryja. ChibiJS znaša le približno 7kb in ima vse bistvene metode, ki se večinoma uporabljajo. S podporo brskalnikom to podpira vse moderne do stare brskalnike. Ta vtičnik ne ponuja animacij. Chibi izvaja manipulacije z DOM 20% do 50% hitreje kot številne knjižnice.
Sintaksa Chibi je podobna jQueryju, saj spoštuje dejstvo, da se sintaksa majhnih in velikih knjižnic ne sme nikoli mešati
Uporaba vzorca:
$ ("P"). Skrivaj ()
ZeptoJS:
ZeptoJS lahko štejemo za minimalistično knjižnico javascripta z visoko združljivostjo z jQuery. Cilj te knjižnice ni tekmovati z jQuery, ampak doseči maksimum njenega API-ja z zelo manjšo velikostjo. Velikost ZeptoJS je le 5-10kB in se prenese in zažene zelo hitro. Podpira vse glavne brskalnike in IE10 +.
Uporaba vzorca:
$ .camelCase ('zdravo tam')
MooTools:
Mootools je zbirka pomožnih funkcij javascripta za srednje do napredne programe javascript. To je lahek okvir javascripta. Njegov skladen in robusten API omogoča pisanje močne in prožne kode. Na voljo je zelo dobra dokumentacija in API je skladen.
Mootools je koristen, saj omogoča uporabniku, da izbere svoje prilagojene komponente. Sledi objektno usmerjena praksa.MooTools zagotavlja izboljšave DOM, ki razvijalcem omogoča dodajanje, spreminjanje, brisanje DOM elementov. Shranjevanje elementov je prisotno tudi v MooTools
Uporaba vzorca:
$$ ('div.foo, div.bar');
var myElement = nov element ('div # bar.foo');
myElement.addEvent ('klik', funkcija () (
opozorilo (kliknjeno! ');
));
ExtJS:
ExtJS pomeni razširjen Javascript. Je izdelek podjetja Sencha in temelji na YahooUserInterface. V bistvu je programski jezik za razvoj namiznih aplikacij. ExtJS podpirajo vsi brskalniki, kot so IE6 +, FF, Chrome, Safari, Opera itd. ExtJS temelji na arhitekturi MVC / MVVM.
ExtJS ponuja tudi veliko zbirko visoko zmogljivih, prilagodljivih pripomočkov
Uporaba vzorca:
var el = Ext.get ("moj-div");
var el = Ext.Element.get ("moj-div");
Poleg tega je na voljo še veliko drugih majhnih okvirov, ki lahko do konca opravijo eno nalogo / funkcionalnost. MicroJS je eno mesto, ki ima na voljo veliko mikro okvirov. Na tej spletni strani lahko preprosto preverimo, kakšna je naša zahteva, in uporabimo samo ta okvir.
Priporočeni članki:
To je vodnik za jQuery alternative. Tu smo razpravljali o seznamih jQuery alternative z njihovimi vzorčnimi uporabami. Če želite izvedeti več, si oglejte tudi naslednje članke:
- JavaScript v primerjavi z JQuery
- Kako namestiti JavaScript
- Uvod v JavaScript
- jQuery Intervju Vprašanja
- jQuery querySelector | Primeri za querySelector
- 8 najboljših izbirnikov jQuery z implementacijo kode
- Vodnik po primerih JQuery Progress Bar