Hva er jQuery
jQuery er et rammeverk, snarere et innpakning rundt JavaScript. jQuery har blitt ekstremt viktig på nettet på grunn av forskjellige fordeler som at det er ekstremt lett sammenlignet med javascript, lett å lære og implementere. jQuery-sider lastes veldig raskt.
HTML, CSS, Javascript er teknologiene som forstås av Web. HTML brukes til å definere en layout av siden, CSS for styling av websidene. Javascript er programmeringsspråket på nettet. Oppdatering av innhold, animasjoner, en interaksjon av websider med en bruker, alle disse, faktisk, alt er kontrollert av javascript.
jQuery
Hvorfor eller når skal vi se etter jQuery-alternativer!
Si at du ikke trenger alle metodene som er i jQuery API, og at du bare trenger noen få av dem, kan du se etter alternativer. jQuery er rundt 250 KB. Kanskje hvis du leter etter en mindre fil som gjør alle dine behov, vil du lete etter jQuery Alternatives.
Liste over jQuery-alternativer
Nedenfor er de forskjellige jQuery-alternativene som er som følger:
javascript:
Ikke desto mindre er Native javascript et av de beste jQuery-alternativene, faktisk er det rammen for JS. Javascript er det beste fordi alle nettlesere sender med javascript, og du ikke trenger å installere jQuery i applikasjonen din. Dessuten er JS et av de beste alternativene når du måtte takle noen veldig gamle nettlesere som bare ville se etter bestemte versjoner av jQuery. Den eneste ulempen med å bruke den er syntaks er ikke veldig vennlig som jQuery gir.
Eksempelbruk:
var element = document.getElementById (“media”);
element.classList.add (“min stil”);
Penger:
Cash er en liten plugin (~ 10% på størrelse med jQuery) som støtter nettlesere over IE10 +. Syntaks ligner på jQuery. Det har kanskje ikke alle funksjonene som jQuery har, men det har nesten alle viktige grunnleggende funksjoner som vi trenger.
Eksempelbruk:
var element = $ (“div”);
$ (element) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS er sterkt påvirket av jQuery og har få ekstra funksjoner i seg, og også filen er veldig liten i forhold til mobil. UmbrellaJS støttes av store nettlesere og IE11 +. I UmbrellaJS kan du bruke native javascript-metoder på paraplyvelgerne, i motsetning til jQuery.
UmbrellaJS-syntaks er lik den for jQuery med en forskjell av å bruke u i stedet for $
Eksempelbruk:
u ("knapp"). på ('klikk', funksjon () (
alarm (“Hallo verden”);
));
Chibi JS:
ChibiJS er utviklet for å bli kvitt den store størrelsen på jQuery. ChibiJS er bare rundt 7 kb og har alle de essensielle metodene som mest brukes. Når det kommer til nettleserstøtte, støtter dette alle moderne til gamle nettlesere. Denne pluginen inneholder ikke animasjoner. Chibi utfører DOM-manipulasjoner 20% til 50% raskere enn mange biblioteker.
Chibi-syntaks ligner på jQuery for å respektere det faktum at små og store biblioteksyntaxer aldri bør blandes
Eksempelbruk:
$ ( “P”). Hide ()
ZeptoJS:
ZeptoJS kan betraktes som det minimalistiske JavaScript-biblioteket med høy kompatibilitet med jQuery. Målet med dette biblioteket er ikke å konkurrere med jQuery, men å oppnå maksimalt sitt API med veldig mindre størrelse. Størrelsen på ZeptoJS er bare 5-10kB og laster ned og kjøres veldig raskere. Støtter alle større nettlesere og IE10 +.
Eksempelbruk:
$ .CamelCase ( 'Hei-det')
MooTools:
Mootools er samlingen av javascript-verktøy for medium til avansert javascript-programmerer. Det er en lett javascript-ramme. Det sammenhengende og robuste APIet gjør det mulig å skrive sterk og fleksibel kode. Den har veldig god dokumentasjon tilgjengelig og API er sammenhengende.
Mootools er fordelaktig ettersom det lar brukeren velge sine egne tilpassede komponenter. Det følger objektorientert praksis. MooTools gir forbedringer til DOM som gjør det mulig for utviklere å legge til, endre, slette DOM-elementer. Elementlagring er også til stede i MooTools
Eksempelbruk:
$$ ('div.foo, div.bar');
var myElement = nytt element ('div # bar.foo');
myElement.addEvent ('klikk', funksjon () (
alert (klikket '!);
));
ExtJS:
ExtJS står for Extended Javascript. Det er et produkt fra Sencha og er basert på YahooUserInterface. Det er i utgangspunktet et programmeringsspråk for desktop-applikasjonsutvikling. ExtJS støttes av alle nettlesere som IE6 +, FF, Chrome, Safari, Opera osv. ExtJS er basert på MVC / MVVM-arkitektur.
ExtJS gir også en flott samling av tilpassede widgets med høy ytelse
Eksempelbruk:
var el = Ext.get (“my-div”);
var el = Ext.Element.get ("my-div");
Bortsett fra dette er det mange andre små rammer tilgjengelig som kan gjøre en oppgave / funksjonalitet fra ende til annen. MicroJS er et nettsted som har mange mikrorammer tilgjengelig. På dette nettstedet kan vi ganske enkelt se etter hva kravet vårt er, og kun bruke de rammene.
Anbefalte artikler:
Dette har vært en guide til jQuery Alternatives. Her har vi diskutert Listene over jQuery-alternativer med deres eksempler. Du kan også se på følgende artikler for å lære mer:
- JavaScript vs JQuery
- Slik installerer du JavaScript
- Introduksjon til JavaScript
- Spørsmål om jQuery-intervju
- jQuery querySelector | Eksempler for spørringSelektor
- Topp 8 jQuery-velgere med implementering av kode
- Eksempel på JQuery Progress Bar