Wat is jQuery
jQuery is een framework, eerder een wrapper rond het javascript. jQuery is enorm belangrijk geworden op het web vanwege verschillende voordelen, zoals het is extreem licht in vergelijking met javascript, gemakkelijk te leren en te implementeren. jQuery-pagina's worden zeer snel geladen.
HTML, CSS, Javascript zijn de technologieën die worden begrepen door Web. HTML wordt gebruikt voor het definiëren van een lay-out van de pagina, CSS voor de stijl van de webpagina's. Javascript is de programmeertaal van het web. Bijwerken van inhoud, animaties, een interactie van webpagina's met een gebruiker, al deze, eigenlijk alles wordt beheerd door javascript.
jQuery
Waarom of wanneer moeten we op zoek naar jQuery-alternatieven!
Stel dat u niet alle methoden in de jQuery API nodig heeft en dat u er maar een paar nodig zou hebben, u zou naar alternatieven kunnen zoeken. jQuery is ongeveer 250 KB. Misschien als u op zoek bent naar een kleiner bestand dat aan al uw behoeften voldoet, wilt u misschien zoeken naar jQuery-alternatieven.
Lijst met jQuery-alternatieven
Hieronder staan de verschillende jQuery-alternatieven die als volgt zijn:
javascript:
Niettemin is Native javascript een van de beste jQuery-alternatieven, het is in feite het raamwerk van JS. Javascript is het beste omdat browsers worden geleverd met JavaScript en u hoeft jQuery niet in uw toepassing te installeren. JS is ook een van de beste alternatieven wanneer u te maken had met enkele zeer oude browsers die alleen naar bepaalde versies van jQuery zouden zoeken. Het enige nadeel van het gebruik ervan is syntaxis is niet extreem vriendelijk zoals jQuery biedt.
Monster gebruik:
var element = document.getElementById ("media");
element.classList.add ("mijn stijl");
Contant geld:
Cash is een kleine plug-in (~ 10% de grootte van jQuery) die browsers boven IE10 + ondersteunt. De syntaxis is vergelijkbaar met jQuery. Het heeft misschien niet alle functies die jQuery heeft, maar het heeft bijna alle belangrijke basisfuncties die we nodig zouden hebben.
Monster gebruik:
var element = $ ("div");
$ (element) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS wordt sterk beïnvloed door jQuery en heeft weinig extra functies en ook het bestand is erg klein in vergelijking met mobiel. UmbrellaJS wordt ondersteund door grote browsers en IE11 +. In UmbrellaJS kunt u native javascript-methoden op de paraplu-selectors gebruiken, in tegenstelling tot jQuery.
De syntaxis van UmbrellaJS is vergelijkbaar met die van jQuery met een verschil van het gebruik van u in plaats van $
Monster gebruik:
u ("knop"). on ('klik', functie () (
alert ("Hallo wereld");
));
Chibi JS:
ChibiJS is ontwikkeld om de grote omvang van jQuery kwijt te raken. ChibiJS is slechts ongeveer 7kb en heeft alle essentiële methoden die meestal worden gebruikt. Komt naar browserondersteuning, dit ondersteunt alle moderne tot oude browsers. Deze plug-in biedt geen animaties. Chibi voert DOM-manipulaties 20% tot 50% sneller uit dan veel bibliotheken.
Chibi-syntaxis is vergelijkbaar met jQuery om het feit te respecteren dat syntaxis van kleine en grote bibliotheken nooit gemengd mogen worden
Monster gebruik:
$ ( “P”). Hide ()
ZeptoJS:
ZeptoJS kan worden beschouwd als de minimalistische javascript-bibliotheek met hoge compatibiliteit met jQuery. Het doel van deze bibliotheek is niet om te concurreren met jQuery, maar om het maximum van de API te bereiken met een zeer kleinere omvang. De grootte van ZeptoJS is slechts 5-10 kB en wordt zeer snel gedownload en uitgevoerd. Ondersteunt alle belangrijke browsers en IE10 +.
Monster gebruik:
$ .CamelCase ( 'hallo-er)
MooTools:
Mootools is de verzameling JavaScript-hulpprogramma's voor middelgrote tot geavanceerde JavaScript-programmeurs. Het is een lichtgewicht JavaScript-framework. De coherente en robuuste API maakt het schrijven van sterke en flexibele code mogelijk. Het heeft zeer goede documentatie beschikbaar en API is coherent.
Mootools is voordelig omdat het de gebruiker toestaat om zijn eigen aangepaste componenten te kiezen. Het volgt objectgeoriënteerde werkwijzen. MooTools biedt verbeteringen aan DOM waarmee ontwikkelaars alle DOM-elementen kunnen toevoegen, wijzigen of verwijderen. Elementopslag is ook aanwezig in MooTools
Monster gebruik:
$$ ('div.foo, div.bar');
var myElement = new Element ('div # bar.foo');
myElement.addEvent ('click', function () (
alert (klikte '!);
));
ExtJS:
ExtJS staat voor Extended Javascript. Het is een product van Sencha en is gebaseerd op YahooUserInterface. Het is eigenlijk een programmeertaal voor de ontwikkeling van desktopapplicaties. ExtJS wordt ondersteund door alle browsers zoals IE6 +, FF, Chrome, Safari, Opera enz .. ExtJS is gebaseerd op MVC / MVVM-architectuur.
ExtJS biedt ook een geweldige verzameling hoogwaardige, aanpasbare widgets
Monster gebruik:
var el = Ext.get ("my-div");
var el = Ext.Element.get ("my-div");
Afgezien hiervan zijn er veel andere kleine frameworks beschikbaar die één taak / functionaliteit volledig kunnen uitvoeren. MicroJS is een site die veel micro-frameworks beschikbaar heeft. Op deze website kunnen we eenvoudig controleren wat onze vereiste is en alleen dat kader gebruiken.
Aanbevolen artikelen:
Dit is een handleiding voor jQuery-alternatieven geweest. Hier hebben we de lijsten van jQuery-alternatieven met hun voorbeeldgebruik besproken. U kunt ook de volgende artikelen bekijken voor meer informatie:
- JavaScript versus JQuery
- Hoe JavaScript te installeren
- Inleiding tot JavaScript
- Vragen tijdens solliciteren bij jQuery
- jQuery querySelector | Voorbeelden voor querySelector
- Top 8 jQuery-selectors met code-implementatie
- Handleiding voor voorbeelden van JQuery-voortgangsbalk