Što je jQuery

jQuery je okvir, a ne omotač oko JavaScripta. jQuery je postao iznimno važan u webu zbog različitih prednosti poput vrlo lagane u usporedbi s JavaScriptom, lako se uči i implementira. jQuery stranice učitavaju se vrlo brzo.

HTML, CSS, Javascript su tehnologije koje razumije web. HTML se koristi za definiranje izgleda stranice, CSS za oblikovanje web stranica. Javascript je programski jezik weba. Ažuriranje sadržaja, animacija, interakcija web stranica s korisnikom, sve je to, zapravo, sve pod kontrolom JavaScripta.

jQuery

Zašto ili kada trebamo tražiti jQuery alternative!

Recimo da vam ne trebaju sve metode koje su u jQuery API-u i trebat će vam samo nekoliko njih, možete potražiti alternative. jQuery je oko 250Kb. Možda ako tražite manju datoteku koja zadovoljava sve vaše potrebe, željeli biste potražiti jQuery alternative.

Popis jQuery alternative

Ispod su različite jQuery alternative koje su sljedeće:

javascript:

Unatoč tome, Native javascript jedna je od najboljih jQuery alternativa, u stvari, to je okvir JS-a. Javascript je najbolji, jer bilo koji preglednik isporučuje javascript i ne morate instalirati jQuery u svoju aplikaciju. Također, JS je jedna od najboljih alternativa kada ste se morali nositi s nekim vrlo starim preglednicima koji bi tražili samo određene verzije jQueryja. Jedini nedostatak njegove upotrebe je sintaksa, koja nije izuzetno prijateljska kao što to pruža jQuery.

Upotreba uzorka:

var element = document.getElementById ("mediji");

element.classList.add ("moj stil");

Unovčiti:

Cash je maleni dodatak (~ 10% veličine jQueryja) koji podržava preglednike iznad IE10 +. Njegova je sintaksa slična jQueryju. Možda nema sve značajke koje ima jQuery, ali ima gotovo sve važne osnovne značajke koje bi nam bile potrebne.

Upotreba uzorka:

var element = $ ("div");

$ (element) .attr (attrName, attrValue)

UmbrellaJS:

Na UmbrellaJS jako utječe jQuery i ima malo dodatnih značajki u njemu, a također je i datoteka vrlo mala u usporedbi s mobilnom. UmbrellaJS podržavaju glavni preglednici i IE11 +. U UmbrellaJS možete koristiti izvorne metode JavaScripta na selektorima kišobrana, za razliku od jQueryja.

UmbrellaJS sintaksa je slična onoj u jQuery s razlikom korištenja u umjesto $

Upotreba uzorka:

u ("gumb"). on ('klik', funkcija () (

uzbuna ("Pozdrav svijetu");

));

Chibi JS:

ChibiJS je razvijen kako bi se riješio velike veličine jQueryja. ChibiJS ima samo oko 7kb i ima sve bitne metode koje se uglavnom koriste. Dolazeći do podrške preglednika, podržavaju sve moderne do starih preglednika. Ovaj dodatak ne nudi animacije. Chibi izvršava DOM manipulacije 20% do 50% brže od mnogih knjižnica.

Chibi sintaksa slična je jQuery-ju da poštuje činjenicu da se sintaksa malih i velikih knjižnica nikada ne smije miješati

Upotreba uzorka:

$ ( „P”). Hide ()

ZeptoJS:

ZeptoJS se može smatrati minimalističkom JavaScript bibliotekom s velikom kompatibilnošću s jQueryjem. Cilj ove knjižnice nije natjecati s jQuery-om, već postići maksimum njegovog API-ja s vrlo manje veličine. Veličina ZeptoJS-a je samo 5-10kB i ​​preuzima se i izvršava se vrlo brzo. Podržava sve glavne preglednike i IE10 +.

Upotreba uzorka:

$ .CamelCase ( "Hello-tu)

Mootools:

Mootools je skup funkcija uslužnih programa javascripta za srednje do napredne programere. To je lagan okvir JavaScripta. Njegov koherentni i robusni API omogućuje pisanje snažnog i fleksibilnog koda. Dostupna je vrlo dobra dokumentacija i API je koherentan.

Mootools je koristan jer omogućava korisniku da odabere vlastite prilagođene komponente. Slijedi objektno orijentirana praksa.MooTools pruža poboljšanja DOM-a što programerima omogućuje dodavanje, izmjenu, brisanje bilo DOM elemenata. Pohrana elemenata također je prisutna u MooTools

Upotreba uzorka:

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

var myElement = novi element ('div # bar.foo');

myElement.addEvent ('klik', funkcija () (

alert (klik! ');

));

ExtJS:

ExtJS označava Extended Javascript. To je proizvod tvrtke Sencha, a temelji se na YahooUserInterface. U osnovi je programski jezik za razvoj aplikacija za radne površine. ExtJS podržavaju svi preglednici poput IE6 +, FF, Chrome, Safari, Opera itd. ExtJS se temelji na MVC / MVVM arhitekturi.

ExtJS nudi i veliku kolekciju dodataka koji se mogu prilagoditi visokim performansama

Upotreba uzorka:

var el = Ext.get ("moj-div");

var el = Ext.Element.get ("moj-div");

Pored ovoga, na raspolaganju su mnogi drugi mali okviri koji mogu jedan kraj / zadatke obavljati do kraja. MicroJS je jedno mjesto koje ima na raspolaganju mnogo mikro okvira. Na ovoj web stranici možemo jednostavno provjeriti koji je naš zahtjev i koristiti taj okvir samo.

Preporučeni članci:

Ovo je vodič za jQuery alternative. Ovdje smo razgovarali o Popisima jQuery alternative s njihovim uzorcima. Možete pogledati i sljedeće članke da biste saznali više:

  1. JavaScript u odnosu na JQuery
  2. Kako instalirati JavaScript
  3. Uvod u JavaScript
  4. jQuery Intervju Pitanja
  5. jQuery upitSelector | Primjeri za upitSelector
  6. Top 8 jQuery birača s implementacijom koda
  7. Vodič za primjere JQuery Progress Bar-a

Kategorija:

Razvoj softvera