Inleiding tot jQuery Interviewvragen en antwoorden
jQuery is een JavaScript-bibliotheek die is gebaseerd op het principe "minder schrijven, meer doen". Het is snel, licht en rijk aan functies. jQuery wordt geleverd met eenvoudig te gebruiken API's die veel taken eenvoudiger maken voor UI-ontwikkeling, zoals HTML-documentdoorvoer en -manipulatie, gebeurtenisafhandeling, animatie-effecten toevoegen aan een webpagina die naadloos werkt in alle webbrowsers. jQuery biedt selectors waarmee u de DOM-structuur van de structuur van een HTML-document op een efficiënte manier kunt doorlopen. Op Ajax gebaseerde applicaties kunnen snel en eenvoudig bouwen met jQuery. Er zijn verschillende ingebouwde jQuery-methoden waarmee we animaties en effecten kunnen maken, zoals schuiven, tonen of verbergen van elementen, enz. Met een enkele coderegel.
Hieronder is de meest voorkomende functie van 2019 jQuery Interview Vragen en Antwoorden:
Dus je hebt eindelijk je droombaan gevonden in jQuery, maar je vraagt je af hoe je het jQuery-interview kunt kraken en wat de waarschijnlijke 2019 jQuery-interviewvragen kunnen zijn. Elk interview is anders en de reikwijdte van een baan is ook anders. Met dit in gedachten hebben we de meest voorkomende jQuery-interviewvragen en -antwoorden ontworpen om u te helpen succesvol te worden in uw interview. Deze vragen zijn als volgt verdeeld in twee delen:
- Deel 1 - Interviewvragen jQuery (basis)
- Deel 2 - Interviewvragen jQuery (geavanceerd)
Deel 1 - Interviewvragen jQuery (basis)
Dit eerste deel behandelt basisvragen en antwoorden over jQuery-vragen
1. Definieer jQuery met zijn kernfuncties?
Antwoord:
jQuery is een snelle en lichtgewicht JavaScript-bibliotheek. Het vereenvoudigt veel taken die veel tijd en moeite kosten met standaard JavaScript. Het vereenvoudigt snelle webontwikkeling, Ajax-interacties, gebeurtenisafhandeling, animaties en HTML-document doorkruisen en manipuleren. De belangrijkste kernfuncties van jQuery zijn:
- DOM-manipulatie - DOM-elementen kunnen gemakkelijk worden doorlopen, gewijzigd.
- Animaties - Veel ingebouwde animaties.
- AJAX - Help veel bij het ontwikkelen van responsieve en veelzijdige sites met AJAX.
- Lichtgewicht - Ongeveer 19 kb groot.
- Gebeurtenisafhandeling - Verschillende gebeurtenissen kunnen gemakkelijk worden vastgelegd met gebeurtenisafhandelaars.
- Ondersteuning voor meerdere browsers - Werkt goed met IE 6.0+, Safari, Chrome en Opera, Firefox.
2. Wat zijn de selectors in jQuery en hoeveel soorten zijn er?
Antwoord:
Selectors worden gebruikt om de HTML-elementen te vinden. Een jQuery-selector is een functie die de uitdrukking gebruikt om overeenkomende elementen van een DOM te achterhalen op basis van gegeven criteria. Nadat we een element hebben geselecteerd, kunnen we er bepaalde bewerkingen op uitvoeren. Basic selectors zijn:
1) Naam: selecteert alle elementen die overeenkomen met de gegeven elementnaam.
2) .Klasse: selecteert alle elementen die overeenkomen met de gegeven klasse.
3) #ID: selecteert een enkel element dat overeenkomt met de opgegeven ID.
4) Universeel (*): selecteert alle beschikbare elementen in een DOM.
5) Attribuutselectie: selecteer elementen op basis van de attribuutwaarde.
Laten we doorgaan naar de volgende jQuery-interviewvragen
3. Wat is het fundamentele verschil tussen de functie body? Onload () en document.ready ()?
Antwoord:
Beide functies verschillen van elkaar.
1) Er kan meer dan één document.ready () functie op een enkele pagina zijn, terwijl slechts één hoofdtekst. onload () functie is toegestaan.
2) functie document.ready () wordt aangeroepen zodra DOM voor een pagina wordt geladen, terwijl de functie body.onload () wordt aangeroepen wanneer alles op een pagina wordt geladen, inclusief DOM, afbeeldingen en bronnen die aan de pagina zijn gekoppeld.
4. Wat is het verschil tussen $ (this) en 'this' in jQuery?
Antwoord:
Dit zijn de veelgestelde jQuery-interviewvragen die in een interview worden gesteld. Beide verwijzen naar hetzelfde element, maar het verschil is dat "dit" op een traditionele manier wordt gebruikt, maar wanneer "dit" wordt gebruikt met $ (), wordt het een jQuery-object waarop we de functies van jQuery kunnen gebruiken.
Voorbeeld:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
wanneer alleen "dit" sleutelwoord wordt gebruikt, kunnen we de functie jQuery text () gebruiken om de tekst van het element op te halen, omdat het geen jQuery-object is. Zodra het trefwoord "this" is verpakt in $ (), kunnen we de jQuery-functietekst () gebruiken om de tekst van het element op te halen.
5. Wat zijn de verschillende AJAX-functies in jQuery?
Antwoord:
Met Ajax-oproep kan de gebruiker gegevens uitwisselen met een server en delen van een pagina bijwerken zonder de hele pagina opnieuw te laden. Enkele functies van AJAX zijn als volgt:
1) $. Ajax (): Het wordt beschouwd als het laagste niveau en de basis van functies. Het wordt gebruikt om verzoeken te verzenden. Deze functie kan worden uitgevoerd zonder een selector.
2) $. AjaxSetup (): deze functie wordt gebruikt om de opties voor verschillende ajax-oproepen te definiëren en in te stellen.
Bijvoorbeeld:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Shorthand ajax-methoden: deze bestaan eenvoudig uit de wrapper-functie die $ .ajax () aanroept met bepaalde reeds ingestelde parameters.
4) $ .getJSON (): Dit is een speciaal type steno-functie die wordt gebruikt om de URL te accepteren waarnaar de verzoeken worden verzonden. Ook zijn optionele gegevens en optionele terugbelfuncties mogelijk in dergelijke functies.
Deel 2 - Interviewvragen met jQuery (basis)
Dit eerste deel behandelt Interviewvragen en antwoorden voor geavanceerde jQuery
6. Wat is JQuery.noConflict?
Antwoord:
jQuery no-conflict is een optie die door jQuery wordt gegeven om de conflicten tussen de verschillende js-frameworks of bibliotheken te overwinnen. Wanneer we de jQuery no-conflictmodus gebruiken, vervangen we de $ door een nieuwe variabele en wijzen we jQuery enkele andere JavaScript-bibliotheken toe. Gebruik ook de $ als functie- of variabelenaam die jQuery heeft. En in ons ontwikkelingsleven zijn we helemaal niet streng voor de enige jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
We kunnen ook je eigen specifieke karakter gebruiken in plaats van $ sign in jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Wat is het gebruik van de functie jQuery .each ()?
Antwoord:
Het is een algemene functie die een verzameling doorloopt. Als er matrixachtige objecten met een eigenschap length zijn, kunnen deze worden herhaald met hun indexpositie en waarde. Andere objecten kunnen worden herhaald met sleutel / waarde-eigenschappen. Deze functie werkt echter anders dan de functie $ (selector) .each () die op het DOM-element werkt met behulp van de selector. Maar beide herhalen een jQuery-object.
Wanneer we het array-achtige object doorgeven aan de functie .each (), kan de callback-functie twee argumenten accepteren: index van het item, waarbij index de numerieke op nul gebaseerde index in de array van de huidige items is en item de waarde is van de huidige array.
Voorbeeld:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Laten we doorgaan naar de volgende jQuery-interviewvragen
8. Welke methoden worden gebruikt om effecten in jQuery te bieden?
Antwoord:
jQuery biedt veel prachtige effecten, we kunnen deze effecten toepassen met een eenvoudige configuratie. Het effect kan zijn: verbergen, tonen, schakelen, fade-out, fade-in, fade naar enzovoort, methoden toggle (), Show () en hide (). Evenzo kunnen we andere methoden gebruiken, zoals hieronder:
- animeren (params, (duur, versnelling, terugbellen)) Deze functie maakt aangepaste animaties voor uw HTML-elementen.
- fadeIn (speed, (callback)) Deze functie vervaagt in alle overeenkomende elementen door hun dekking aan te passen en een optionele callback af te vuren na voltooiing.
- fadeOut (speed, (callback)) Deze functie wordt gebruikt om alle overeenkomende elementen te vervagen door hun dekking op 0 te zetten, vervolgens het display op "none" te zetten en na voltooiing een optionele callback af te vuren.
- fadeTo (snelheid, dekking, callback) Deze functie vervaagt de dekking van alle overeenkomende elementen naar een opgegeven dekking en activeert een optionele callback na voltooiing.
- stop ((clearQueue, ga naar einde)) Deze functie stopt alle actieve animaties.
9. Welke is sneller, document.getElementByID ('txtName') of $ ('# txtName').?
Antwoord:
Dit is de populaire jQuery-interviewvraag die in een interview werd gesteld. jQuery-methode om txtName te selecteren via "$ ('# txtName')" zal intern een aanroep maken naar document.getElementByID ('txtName'). Omdat jQuery bovenop JavaScript wordt geschreven en JavaScript intern wordt gebruikt, is JavaScript dus altijd snel.
10.Wat is het verschil tussen $ ('div') en $ ('') in jQuery?
Antwoord:
$ (''): Dit creëert een nieuw div-element. Maar dit wordt niet toegevoegd aan de DOM-structuur tenzij we het niet toevoegen aan een DOM-element, terwijl $ ('div') alle div-elementen selecteert die op de pagina aanwezig zijn.
Aanbevolen artikel
Dit is een handleiding voor de lijst met jQuery-interviewvragen en -antwoorden, zodat de kandidaat deze jQuery-interviewvragen gemakkelijk kan beantwoorden. dit artikel bevat alle beste vragen over jQuery-interviews. U kunt ook de volgende artikelen bekijken voor meer informatie-
- Nuttige vragen over Jenkins
- 10 geavanceerde AngularJS-interviewvragen
- Sollicitatievragen voor Software Engineering
- Statistiek Interview Vragen
- Jenkins vs Bamboo: wat zijn de voordelen
- Jenkins vs Travis CI: Wat zijn de voordelen
- Jenkins vs TeamCity
- Overzicht van jQuery Ajax-methoden