Hvad er jQuery

jQuery er en ramme, snarere en indpakning omkring javascript. jQuery er blevet ekstremt vigtigt på nettet på grund af forskellige fordele som det er ekstremt let i forhold til javascript, let at lære og implementere. jQuery-sider indlæses meget hurtigt.

HTML, CSS, Javascript er de teknologier, der forstås af Web. HTML bruges til at definere et layout af siden, CSS til styling af websiderne. Javascript er programmeringssprog på nettet. Opdatering af indhold, animationer, en interaktion af websider med en bruger, alt dette er faktisk alt styret af javascript.

jQuery

Hvorfor eller hvornår skal vi kigge efter jQuery-alternativer!

Lad os sige, at du ikke har brug for alle de metoder, der findes i jQuery API, og at du kun har brug for nogle få af dem, så kan du se efter alternativer. jQuery er omkring 250 KB. Måske hvis du leder efter en mindre fil, der gør alle dine behov, vil du gerne se efter jQuery Alternatives.

Liste over jQuery-alternativer

Nedenfor er de forskellige jQuery-alternativer, der er som følger:

Javascript:

Ikke desto mindre er indfødt javascript et af de bedste jQuery-alternativer, faktisk er det rammen for JS. Javascript er det bedste, fordi alle browsere sendes med javascript, og du ikke behøver at installere jQuery i din applikation. JS er også et af de bedste alternativer, når du skulle beskæftige sig med nogle meget gamle browsere, som kun ville se efter visse versioner af jQuery. Den eneste ulempe ved at bruge den er syntaks er ikke meget venlig, da jQuery giver.

Eksempel anvendelse:

var element = document.getElementById (“medier”);

element.classList.add (“min stil”);

Kontanter:

Cash er et lille plugin (~ 10% af størrelsen på jQuery), der understøtter browsere over IE10 +. Dens syntaks svarer til jQuery. Det har muligvis ikke alle funktioner, som jQuery har, men det har næsten alle vigtige grundlæggende funktioner, som vi har brug for.

Eksempel anvendelse:

var element = $ (“div”);

$ (element) .attr (attrName, attrValue)

UmbrellaJS:

UmbrellaJS er meget påvirket af jQuery og har få ekstra funktioner i det, og filen er også meget lille sammenlignet med mobil. UmbrellaJS understøttes af større browsere og IE11 +. I UmbrellaJS kan du bruge native javascript-metoder på paraplyvælgerne, i modsætning til jQuery.

UmbrellaJS-syntaks svarer til jQuery med en forskel i at bruge u i stedet for $

Eksempel anvendelse:

u (“knap”). på ('klik', funktion () (

alarm (“Hej verden”);

));

Chibi JS:

ChibiJS er udviklet for at slippe af med den store størrelse af jQuery. ChibiJS er kun omkring 7kb og har alle de væsentlige metoder, der mest bruges. Når det kommer til browserstøtte, understøtter dette alle moderne til gamle browsere. Dette plugin indeholder ikke animationer. Chibi udfører DOM-manipulationer 20% til 50% hurtigere end mange biblioteker.

Chibi-syntaks svarer til jQuery for at respektere det faktum, at små og store biblioteksyntaxer aldrig bør blandes

Eksempel anvendelse:

$ ( ”P”). Hide ()

ZeptoJS:

ZeptoJS kan betragtes som det minimalistiske javascript-bibliotek med høj kompatibilitet med jQuery. Målet med dette bibliotek er ikke at konkurrere med jQuery, men at nå det maksimale af dets API med meget mindre størrelse. Størrelse på ZeptoJS er kun 5-10kB og downloader og udfører meget hurtigere. Understøtter alle større browsere og IE10 +.

Eksempel anvendelse:

$ .CamelCase ( 'hej-der)

MooTools:

Mootools er samlingen af ​​javascript-hjælpefunktioner til medium til avanceret javascript-programmerer. Det er en let javascript-ramme. Dets sammenhængende og robuste API giver mulighed for at skrive stærk og fleksibel kode. Den har meget god dokumentation tilgængelig, og API er sammenhængende.

Mootools er gavnligt, da det giver brugeren mulighed for at vælge deres egne tilpassede komponenter. Det følger objektorienteret praksis. MooTools giver forbedringer til DOM, som gør det muligt for udviklere at tilføje, ændre, slette alle DOM-elementer. Elementlagring findes også i MooTools

Eksempel anvendelse:

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

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

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

alert (klikkede "!);

));

ExtJS:

ExtJS står for Extended Javascript. Det er et produkt fra Sencha og er baseret på YahooUserInterface. Det er dybest set et programmeringssprog til desktop-applikationsudvikling. ExtJS understøttes af alle browsere som IE6 +, FF, Chrome, Safari, Opera osv. ExtJS er baseret på MVC / MVVM-arkitektur.

ExtJS leverer også en fantastisk samling af tilpassede widgets med høj ydeevne

Eksempel anvendelse:

var el = Ext.get (“min-div”);

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

Bortset fra dette er der mange andre små rammer til rådighed, der kan udføre en opgave / funktionalitet ende til ende. MicroJS er et sted, der har mange tilgængelige mikrorammer. På dette websted kan vi blot kontrollere, hvad vores krav er, og kun bruge disse rammer.

Anbefalede artikler:

Dette har været en guide til jQuery-alternativer. Her har vi drøftet Lister over jQuery-alternativer med deres prøveanvendelser. Du kan også se på følgende artikler for at lære mere:

  1. JavaScript vs JQuery
  2. Sådan installeres JavaScript
  3. Introduktion til JavaScript
  4. Spørgsmål om jQuery-interview
  5. jQuery querySelector | Eksempler på forespørgselSelektor
  6. Top 8 jQuery-vælgere med implementering af kode
  7. Vejledning til eksempler på JQuery Progress Bar

Kategori:

Softwareudvikling