Wprowadzenie do jQuery Wywiad Pytania i odpowiedzi
jQuery to biblioteka JavaScript oparta na zasadzie „pisz mniej, rób więcej”. Jest szybki, lekki i bogaty w funkcje. jQuery jest wyposażony w łatwe w obsłudze interfejsy API, które ułatwiają wiele zadań związanych z tworzeniem interfejsu użytkownika, takich jak przechodzenie i manipulacja dokumentami HTML, obsługa zdarzeń, dodawanie efektów animacji do strony internetowej, która działa płynnie we wszystkich przeglądarkach internetowych. jQuery zapewnia selektory, które pozwalają na efektywne przemierzanie drzewa DOM struktury dokumentu HTML. Aplikacje oparte na Ajax mogą szybko i łatwo budować dzięki jQuery. Istnieje kilka wbudowanych metod jQuery, za pomocą których możemy tworzyć animacje i efekty, takie jak przesuwanie, pokazywanie lub ukrywanie elementu itp. Za pomocą jednego wiersza kodu.
Poniżej znajduje się najczęstsza funkcja pytań i odpowiedzi do wywiadu jQuery 2019:
W końcu znalazłeś swoją wymarzoną pracę w jQuery, ale zastanawiasz się, jak złamać wywiad z jQuery i jakie mogą być prawdopodobne pytania do rozmowy kwalifikacyjnej w jQuery 2019. Każda rozmowa kwalifikacyjna jest inna, a zakres pracy również inny. Mając to na uwadze, opracowaliśmy najczęstsze pytania i odpowiedzi do wywiadu jQuery, które pomogą Ci odnieść sukces w rozmowie. Te pytania są podzielone na dwie części:
- Część 1 - Pytania do wywiadu jQuery (podstawowe)
- Część 2 - Pytania do wywiadu jQuery (zaawansowane)
Część 1 - Pytania do wywiadu jQuery (podstawowe)
Ta pierwsza część obejmuje podstawowe pytania i odpowiedzi do wywiadu jQuery
1. Zdefiniuj jQuery z jego podstawowymi funkcjami?
Odpowiedź:
jQuery to szybka i lekka biblioteka JavaScript. Upraszcza wiele zadań, które wymagają dużo czasu i wysiłku ze standardowym JavaScript. Ułatwia szybkie tworzenie stron internetowych, interakcje Ajax, obsługę zdarzeń, animacje oraz przeglądanie i manipulowanie dokumentami HTML. Główne podstawowe cechy jQuery to:
- Manipulacja DOM - elementy DOM można łatwo przenosić, modyfikować.
- Animacje - wiele wbudowanych animacji.
- AJAX - bardzo pomaga w tworzeniu responsywnej i bogatej w funkcje strony za pomocą AJAX.
- Lekki - około 19 KB.
- Obsługa zdarzeń - z łatwością można rejestrować kilka zdarzeń za pomocą procedur obsługi zdarzeń.
- Obsługa wielu przeglądarek - działa dobrze z IE 6.0+, Safari, Chrome i Opera, Firefox.
2. Jakie są selektory w jQuery i ile jest typów?
Odpowiedź:
Selektory służą do znajdowania elementów HTML. Selektor jQuery to funkcja, która używa wyrażenia, aby znaleźć pasujące elementy z DOM na podstawie dowolnych kryteriów. Po wybraniu elementu możemy wykonać na nim określone operacje. Podstawowe selektory to:
1) Nazwa: Wybiera wszystkie elementy pasujące do podanego elementu Nazwa.
2) .Class: Wybiera wszystkie elementy pasujące do danej klasy.
3) #ID: Wybiera pojedynczy element, który pasuje do podanego identyfikatora.
4) Uniwersalny (*): Wybiera wszystkie elementy dostępne w DOM.
5) Selektor atrybutów: Wybierz elementy na podstawie jego wartości atrybutu.
Przejdźmy do następnych pytań do wywiadu jQuery
3. Jaka jest podstawowa różnica między funkcją body? Onload () a funkcją document.ready ()?
Odpowiedź:
Obie funkcje różnią się między sobą.
1) Na jednej stronie może znajdować się więcej niż jedna funkcja document.ready (), a tylko jedna treść. Funkcja onload () jest dozwolona.
2) funkcja document.ready () jest wywoływana natychmiast po załadowaniu DOM dla strony, natomiast funkcja body.onload () jest wywoływana, gdy wszystko ładuje się na stronie, w tym DOM, obrazy i zasoby powiązane ze stroną.
4. Jaka jest różnica między $ (this) a „this” w jQuery?
Odpowiedź:
Jest to często zadawane pytania podczas wywiadu w jQuery. Oba odnoszą się do tego samego elementu, ale różnica polega na tym, że „to” jest używane w tradycyjny sposób, ale kiedy „to” jest używane z $ (), staje się to obiektem jQuery, na którym możemy korzystać z funkcji jQuery.
Przykład:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
gdy używane jest tylko „to” słowo kluczowe, możemy użyć funkcji jQuery text (), aby uzyskać tekst elementu, ponieważ nie jest to obiekt jQuery. Po zapakowaniu słowa kluczowego „this” w $ () możemy użyć funkcji jQuery text (), aby uzyskać tekst elementu.
5. Jakie są różne funkcje AJAX w jQuery?
Odpowiedź:
Wywołanie Ajax pozwala użytkownikowi na wymianę danych z serwerem i aktualizację części strony bez ponownego ładowania całej strony. Niektóre funkcje AJAX są następujące:
1) $. Ajax (): Uważany jest za najniższy poziom i podstawowy z funkcji. Służy do wysyłania żądań. Tę funkcję można wykonać bez wybieraka.
2) $. AjaxSetup (): Ta funkcja służy do definiowania i ustawiania opcji dla różnych wywołań ajax.
Na przykład:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Stenogramowe metody ajax: Składają się one po prostu z funkcji otoki, która wywołuje $ .ajax () z pewnymi ustawionymi parametrami.
4) $ .getJSON (): Jest to specjalny rodzaj skróconej funkcji, która służy do akceptowania adresu URL, na który wysyłane są żądania. W takich funkcjach możliwe są także opcjonalne dane i opcjonalne funkcje oddzwaniania.
Część 2 - Pytania do wywiadu jQuery (podstawowe)
Ta pierwsza część obejmuje pytania i odpowiedzi dotyczące zaawansowanego wywiadu jQuery
6. Co to jest JQuery.noConflict?
Odpowiedź:
jQuery no-conflict to opcja oferowana przez jQuery w celu przezwyciężenia konfliktów między różnymi strukturami lub bibliotekami js. Kiedy używamy trybu bez konfliktu jQuery, zastępujemy $ do nowej zmiennej i przypisujemy do jQuery inne biblioteki JavaScript. Ponadto użyj $ jako funkcji lub nazwy zmiennej, co ma jQuery. A w naszym życiu programistycznym wcale nie jesteśmy surowi wobec jedynego jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Możemy również użyć twojej własnej konkretnej postaci zamiast znaku $ w jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Jakie jest zastosowanie funkcji jQuery .each ()?
Odpowiedź:
Jest to ogólna funkcja, która będzie przeglądać kolekcję. Jeśli istnieją obiekty podobne do tablicy z właściwością length, można je iterować według ich pozycji indeksu i wartości. Inne obiekty można iterować za pomocą właściwości klucz-wartość. Ta funkcja działa jednak inaczej niż funkcja $ (selektor) .each (), która działa na elemencie DOM za pomocą selektora. Ale obie iterują po obiekcie jQuery.
Gdy przekazujemy obiekt podobny do tablicy do funkcji .each (), funkcja wywołania zwrotnego może zaakceptować dwa argumenty: indeks elementu, gdzie indeks jest liczbowym indeksem zerowym w tablicy bieżących elementów, a element jest wartością bieżąca tablica.
Przykład:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Przejdźmy do następnych pytań do wywiadu jQuery
8. Jakie są metody stosowane do zapewnienia efektów w jQuery?
Odpowiedź:
jQuery zapewnia wiele wspaniałych efektów, możemy zastosować te efekty w prostej konfiguracji. Efektem mogą być ukrywanie, pokazywanie, przełączanie, zanikanie, wprowadzanie, przechodzenie do itd., Toggle (), Show () i hide (). Podobnie możemy użyć innych metod, jak poniżej:
- animacja (parametry, (czas trwania, łagodzenie, oddzwanianie)) Ta funkcja tworzy niestandardowe animacje dla elementów HTML.
- fadeIn (prędkość, (oddzwanianie)) Ta funkcja zanika we wszystkich dopasowanych elementach, dostosowując ich krycie i uruchamiając opcjonalne oddzwonienie po zakończeniu.
- fadeOut (prędkość, (oddzwanianie)) Ta funkcja służy do wyciszania wszystkich dopasowanych elementów poprzez dostosowanie ich krycia do 0, a następnie ustawienie wyświetlania na „none” i uruchomienie opcjonalnego oddzwaniania po zakończeniu.
- fadeTo (prędkość, krycie, oddzwanianie) Ta funkcja powoduje zmniejszenie krycia wszystkich dopasowanych elementów do określonego krycia i uruchamianie opcjonalnego oddzwaniania po zakończeniu.
- stop ((clearQueue, goto end)) Ta funkcja zatrzymuje wszystkie aktualnie uruchomione animacje.
9. Który z nich jest szybszy, document.getElementByID ('txtName') lub $ ('# txtName').?
Odpowiedź:
To jest popularne pytanie do wywiadu jQuery zadawane podczas wywiadu. Metoda jQuery do wybrania txtName za pomocą „$ ('# txtName')” wewnętrznie wywoła metodę document.getElementByID ('txtName'). Ponieważ jQuery jest napisane nad JavaScript i wewnętrznie używa JavaScript, więc JavaScript jest zawsze szybki.
10. Jaka jest różnica między $ („div”) a $ („”) w jQuery?
Odpowiedź:
$ (''): To tworzy nowy element div. Nie jest to jednak dodawane do drzewa DOM, chyba że nie dołączymy go do żadnego elementu DOM, podczas gdy $ („div”) wybierze wszystkie elementy div obecne na stronie.
Polecany artykuł
Jest to przewodnik po liście pytań i odpowiedzi do rozmowy kwalifikacyjnej jQuery, dzięki czemu kandydat może łatwo stłumić pytania dotyczące rozmowy kwalifikacyjnej jQuery. ten artykuł zawiera wszystkie najważniejsze pytania z wywiadu jQuery. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej-
- Przydatne pytania do wywiadu Jenkinsa
- 10 zaawansowanych pytań do wywiadu AngularJS
- Pytania do inżynierii oprogramowania
- Pytania do wywiadu statystycznego
- Jenkins vs Bamboo: Jakie są korzyści
- Jenkins vs Travis CI: Jakie są korzyści
- Jenkins vs TeamCity
- Przegląd metod jQuery Ajax