Einführung in Fragen und Antworten zum jQuery-Interview
jQuery ist eine JavaScript-Bibliothek, die auf dem Prinzip "Weniger schreiben, mehr tun" basiert. Es ist schnell, leicht und bietet viele Funktionen. jQuery wird mit benutzerfreundlichen APIs geliefert, die eine Reihe von Aufgaben für die Benutzeroberflächenentwicklung vereinfachen, z. B. das Durchsuchen und Bearbeiten von HTML-Dokumenten, die Ereignisbehandlung und das Hinzufügen von Animationseffekten zu einer Webseite, die nahtlos in allen Webbrowsern funktioniert. jQuery bietet Selektoren, mit denen der DOM-Baum einer HTML-Dokumentstruktur auf effiziente Weise durchsucht werden kann. Ajax-basierte Anwendungen können mit jQuery schnell und einfach erstellt werden. Es gibt verschiedene eingebaute Methoden von jQuery, mit denen wir Animationen und Effekte wie Verschieben, Anzeigen oder Ausblenden von Elementen usw. mit einer einzigen Codezeile erstellen können.
Im Folgenden finden Sie die häufigsten Fragen und Antworten zu jQuery-Vorstellungsgesprächen für 2019:
Sie haben also endlich Ihren Traumjob in jQuery gefunden, fragen sich aber, wie Sie das jQuery-Interview knacken und was die wahrscheinlichen jQuery-Interview-Fragen für 2019 sein könnten. Jedes Interview ist anders und der Umfang eines Jobs ist auch anders. Aus diesem Grund haben wir die häufigsten Fragen und Antworten zu jQuery-Vorstellungsgesprächen zusammengestellt, um Ihnen den Erfolg Ihres Vorstellungsgesprächs zu erleichtern. Diese Fragen gliedern sich in zwei Teile:
- Teil 1 - Fragen zu jQuery-Vorstellungsgesprächen (Grundkenntnisse)
- Teil 2 - Fragen zu jQuery-Vorstellungsgesprächen (Fortgeschrittene)
Teil 1 - Fragen zu jQuery-Vorstellungsgesprächen (Grundkenntnisse)
In diesem ersten Teil werden grundlegende Fragen und Antworten zu jQuery-Interviews behandelt
1. Definieren Sie jQuery mit seinen Kernfunktionen?
Antworten:
jQuery ist eine schnelle und einfache JavaScript-Bibliothek. Es vereinfacht viele Aufgaben, die mit Standard-JavaScript viel Zeit und Mühe kosten. Es vereinfacht die schnelle Webentwicklung, Ajax-Interaktionen, Ereignisbehandlung, Animationen und das Durchlaufen und Bearbeiten von HTML-Dokumenten. Die Hauptfunktionen von jQuery sind:
- DOM-Manipulation - DOM-Elemente können leicht überquert und modifiziert werden.
- Animationen - Viele integrierte Animationen.
- AJAX - Unterstützen Sie AJAX bei der Entwicklung reaktionsschneller und funktionsreicher Websites .
- Leicht - ca. 19 KB groß.
- Ereignisbehandlung - Mit Ereignisbehandlungsroutinen können mehrere Ereignisse auf einfache Weise erfasst werden.
- Cross-Browser-Unterstützung - Funktioniert gut mit IE 6.0+, Safari, Chrome und Opera, Firefox.
2. Was sind die Selektoren in jQuery und wie viele Typen gibt es?
Antworten:
Selektoren werden verwendet, um die HTML-Elemente zu finden. Ein jQuery-Selektor ist eine Funktion, mit der mithilfe des Ausdrucks anhand eines bestimmten Kriteriums übereinstimmende Elemente aus einem DOM ermittelt werden. Sobald wir ein Element ausgewählt haben, können wir bestimmte Operationen an ihnen ausführen. Grundlegende Selektoren sind:
1) Name: Wählt alle Elemente aus, die mit dem angegebenen Elementnamen übereinstimmen.
2) .Class: Wählt alle Elemente aus, die mit der angegebenen Klasse übereinstimmen.
3) #ID: Wählt ein einzelnes Element aus, das mit der angegebenen ID übereinstimmt.
4) Universal (*): Wählt alle in einem DOM verfügbaren Elemente aus.
5) Attributauswahl: Wählen Sie Elemente basierend auf ihrem Attributwert aus.
Fahren wir mit den nächsten Fragen zum jQuery-Interview fort
3. Was ist der grundlegende Unterschied zwischen der Funktion body? Onload () und document.ready ()?
Antworten:
Beide Funktionen unterscheiden sich voneinander.
1) Auf einer Seite kann es mehr als eine document.ready () - Funktion geben, während nur ein Hauptteil vorhanden ist. onload () Funktion ist erlaubt.
2) Die Funktion document.ready () wird aufgerufen, sobald DOM für eine Seite geladen wurde, wohingegen die Funktion body.onload () aufgerufen wird, wenn auf einer Seite alles geladen wird, einschließlich DOM, Bildern und Ressourcen, die der Seite zugeordnet sind.
4. Was ist der Unterschied zwischen $ (this) und 'this' in jQuery?
Antworten:
Dies sind die häufigsten Fragen zu jQuery-Vorstellungsgesprächen, die in einem Interview gestellt werden. Beide referenzieren dasselbe Element, aber der Unterschied besteht darin, dass "this" auf herkömmliche Weise verwendet wird. Wenn jedoch "this" mit $ () verwendet wird, wird es zu einem jQuery-Objekt, für das wir die Funktionen von jQuery verwenden können.
Beispiel:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
Wenn nur das Schlüsselwort "this" verwendet wird, können wir die Funktion jQuery text () verwenden, um den Text des Elements abzurufen, da es sich nicht um ein jQuery-Objekt handelt. Sobald das Schlüsselwort "this" in $ () eingeschlossen ist, können wir die jQuery-Funktion text () verwenden, um den Text des Elements abzurufen.
5. Was sind die verschiedenen AJAX-Funktionen in jQuery?
Antworten:
Mit Ajax Call kann der Benutzer Daten mit einem Server austauschen und Teile einer Seite aktualisieren, ohne die gesamte Seite neu zu laden. Einige der Funktionen von AJAX sind wie folgt:
1) $. Ajax (): Es wird als die niedrigste Ebene und Basis der Funktionen angesehen. Es wird zum Senden von Anfragen verwendet. Diese Funktion kann ohne Auswahl ausgeführt werden.
2) $. AjaxSetup (): Mit dieser Funktion werden die Optionen für verschiedene Ajax-Aufrufe definiert und festgelegt.
Beispielsweise:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Shorthand-Ajax-Methoden: Sie bestehen einfach aus der Wrapper-Funktion, die $ .ajax () mit bestimmten bereits gesetzten Parametern aufruft.
4) $ .getJSON (): Dies ist eine spezielle Art von Kurzfunktion, mit der die URL akzeptiert wird, an die die Anforderungen gesendet werden. In solchen Funktionen sind auch optionale Daten- und optionale Rückruffunktionen möglich.
Teil 2 - Fragen zu jQuery-Vorstellungsgesprächen (Grundkenntnisse)
In diesem ersten Teil werden erweiterte Fragen und Antworten zu jQuery-Vorstellungsgesprächen behandelt
6. Was ist JQuery.noConflict?
Antworten:
jQuery no-conflict ist eine Option von jQuery, um die Konflikte zwischen den verschiedenen js-Frameworks oder -Bibliotheken zu überwinden. Wenn wir den konfliktfreien Modus von jQuery verwenden, ersetzen wir das $ durch eine neue Variable und weisen jQuery einige andere JavaScript-Bibliotheken zu. Verwenden Sie auch das $ als Funktions- oder Variablennamen, den jQuery hat. Und in unserem Entwicklungsleben sind wir keineswegs auf die einzige jQuery festgelegt.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Wir können auch Ihr eigenes Zeichen anstelle von $ sign in jQuery verwenden.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Was nutzt die Funktion jQuery .each ()?
Antworten:
Es ist eine allgemeine Funktion, die eine Sammlung durchläuft. Wenn es Array-ähnliche Objekte mit einer Längeneigenschaft gibt, können sie mit ihrer Indexposition und ihrem Indexwert iteriert werden. Andere Objekte können mit Schlüsselwerteigenschaften iteriert werden. Diese Funktion unterscheidet sich jedoch von der Funktion $ (Selektor) .each (), die mit dem Selektor für das DOM-Element ausgeführt wird. Beide iterieren jedoch über ein jQuery-Objekt.
Wenn wir das Array-ähnliche Objekt an die Funktion .each () übergeben, kann die Rückruffunktion zwei Argumente akzeptieren: index des Elements, wobei index der auf null basierende numerische Index im Array der aktuellen Elemente und item der Wert von ist das aktuelle Array.
Beispiel:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Fahren wir mit den nächsten Fragen zum jQuery-Interview fort
8. Welche Methoden werden verwendet, um Effekte in jQuery bereitzustellen?
Antworten:
jQuery bietet viele wundervolle Effekte, die wir mit einer einfachen Konfiguration anwenden können. Der Effekt kann das Ausblenden, Anzeigen, Umschalten, Ausblenden, Einblenden, Aufblenden usw. der Methoden toggle (), Show () und hide () sein. Ebenso können wir andere Methoden wie die folgenden verwenden:
- animieren (params, (duration, easing, callback)) Diese Funktion erstellt benutzerdefinierte Animationen für Ihre HTML-Elemente.
- Einblenden (Geschwindigkeit, (Rückruf)) Mit dieser Funktion werden alle übereinstimmenden Elemente eingeblendet, indem ihre Deckkraft angepasst und nach Abschluss ein optionaler Rückruf ausgelöst wird .
- fadeOut (speed, (callback)) Mit dieser Funktion werden alle übereinstimmenden Elemente ausgeblendet, indem ihre Deckkraft auf 0 eingestellt wird. Anschließend wird die Anzeige auf „none“ gesetzt und nach Abschluss ein optionaler Callback ausgelöst.
- fadeTo (Geschwindigkeit, Deckkraft, Rückruf) Diese Funktion blendet die Deckkraft aller übereinstimmenden Elemente auf eine festgelegte Deckkraft ein und löst nach Abschluss einen optionalen Rückruf aus.
- stop ((clearQueue, goto end)) Diese Funktion stoppt alle aktuell laufenden Animationen.
9. Welches ist schneller, document.getElementByID ('txtName') oder $ ('# txtName')?
Antworten:
Dies ist die beliebte jQuery-Interviewfrage, die in einem Interview gestellt wird. Die jQuery-Methode zur Auswahl von txtName über "$ ('# txtName')" ruft intern document.getElementByID ('txtName') auf. Da jQuery auf JavaScript geschrieben ist und intern JavaScript verwendet, ist JavaScript immer schnell.
10.Was ist der Unterschied zwischen $ ('div') und $ ('') in jQuery?
Antworten:
$ (''): Dies erzeugt ein neues div-Element. Dies wird jedoch nicht zum DOM-Baum hinzugefügt, es sei denn, wir fügen es keinem DOM-Element hinzu, während $ ('div') alle auf der Seite vorhandenen div-Elemente auswählt.
Empfohlener Artikel
Dies war ein Leitfaden für die Liste der Fragen und Antworten zu jQuery-Vorstellungsgesprächen, damit der Kandidat diese Fragen zu jQuery-Vorstellungsgesprächen leicht durchgreifen kann. Dieser Artikel enthält alle wichtigen Fragen zu jQuery-Interviews. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren.
- Nützliche Fragen zum Jenkins-Interview
- 10 Advanced AngularJS Interview-Fragen
- Fragen in Vorstellungsgesprächen bei Software Engineering
- Fragen im Vorstellungsgespräch für Statistics
- Jenkins vs Bamboo: Was sind die Vorteile
- Jenkins vs Travis CI: Was sind die Vorteile
- Jenkins gegen TeamCity
- Übersicht über die jQuery Ajax-Methoden