Introducere Pentru jQuery Interviuri de întrebări și răspunsuri
jQuery este o bibliotecă JavaScript care se bazează pe principiul „scrieți mai puțin, faceți mai multe”. Este rapid, ușor și are caracteristici bogate. jQuery vine însoțit de API-uri ușor de utilizat, care facilitează o mulțime de sarcini pentru dezvoltarea UI, cum ar fi traversarea și manipularea documentelor HTML, gestionarea evenimentelor, adăugând efecte de animație la o pagină web care funcționează perfect în toate browserele web. jQuery oferă selectori care permit parcurgerea arborelui DOM din structura unui document HTML într-o manieră eficientă. Aplicațiile bazate pe Ajax pot construi rapid și ușor cu jQuery. Există mai multe metode de jQuery încorporate, folosind care putem crea animații și efecte precum alunecarea, afișarea sau ascunderea elementului, etc., cu o singură linie de cod.
Mai jos este cea mai comună caracteristică a întrebărilor și răspunsurilor la interviul jQuery din 2019:
Așadar, în sfârșit, ți-ai găsit jobul de vis în jQuery, dar te întrebi cum să spargi interviul jQuery și care ar putea fi întrebările posibile pentru interviul jQuery din 2019. Fiecare interviu este diferit și sfera unui loc de muncă este diferită. Reținând acest lucru, am conceput cele mai comune întrebări și răspunsuri la interviul jQuery pentru a vă ajuta să obțineți succes în interviu. Aceste întrebări sunt împărțite în două părți:
- Partea 1 - Întrebări la interviul jQuery (de bază)
- Partea 2 - Întrebări la interviul jQuery (avansat)
Partea 1 - Întrebări la interviul jQuery (de bază)
Această primă parte acoperă întrebările și răspunsurile jQuery de interviu de bază
1. Definiți jQuery cu caracteristicile sale principale?
Răspuns:
jQuery este o bibliotecă JavaScript rapidă și ușoară. Simplifică o mulțime de sarcini care consumă mult timp și efort cu JavaScript standard. Simplifică dezvoltarea rapidă a web, interacțiunile Ajax, gestionarea evenimentelor, animații și traversarea și manipularea documentelor HTML. Principalele caracteristici de bază ale jQuery sunt:
- Manipularea DOM - Elementele DOM pot fi traversate, modificate cu ușurință.
- Animații - O mulțime de animații încorporate.
- AJAX - Asistați mult la dezvoltarea site-urilor responsive și bogate în caracteristici folosind AJAX.
- Lightweight - aproximativ 19kb în dimensiune.
- Gestionarea evenimentelor - Mai multe evenimente pot fi capturate cu ușurință cu gestionatorii de evenimente.
- Suport încrucișat: funcționează bine cu IE 6.0+, Safari, Chrome și Opera, Firefox.
2. Care sunt selectoarele din jQuery și câte tipuri există?
Răspuns:
Selectoarele sunt utilizate pentru a găsi elementele HTML. Un selector jQuery este o funcție care face utilizarea expresiei pentru a afla elemente potrivite dintr-un DOM pe baza oricăror criterii date. După ce selectăm un element, putem efectua anumite operațiuni asupra lor. Selectoarele de bază sunt:
1) Nume: Selectează toate elementele care se potrivesc cu numele elementului Nume.
2) .Clasă: selectează toate elementele care se potrivesc cu clasa dată.
3) #ID: selectează un singur element care se potrivește cu ID-ul dat.
4) Universal (*): selectează toate elementele disponibile într-un DOM.
5) Selector de atribute: Selectați elemente în funcție de valoarea atributului său.
Haideți să trecem la următoarele întrebări la interviul jQuery
3. Care este diferența de bază între funcția onload () și document.ready ()?
Răspuns:
Ambele funcții diferă între ele.
1) Pot exista mai multe funcții document.ready () pe o singură pagină, în timp ce un singur corp. funcția de încărcare () este permisă.
2) funcția document.ready () este apelată imediat ce DOM este încărcată pentru o pagină, în timp ce funcția body.onload () este apelată atunci când totul este încărcat pe o pagină, inclusiv DOM, imagini și resurse asociate cu pagina.
4. Care este diferența dintre $ (this) și 'this' în jQuery?
Răspuns:
Aceasta este întrebarea comună a interviului jQuery adresată într-un interviu. Ambele se referă la același element, dar diferența este că „acest” este utilizat în mod tradițional, dar când „acest” este folosit cu $ (), atunci devine un obiect jQuery pe care putem folosi funcțiile jQuery.
Exemplu:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
când se folosește doar acest cuvânt cheie „acest”, atunci putem folosi funcția text () jQuery pentru a obține textul elementului, deoarece nu este un obiect jQuery. Odată ce cuvântul cheie „acest” este învelit în $ () atunci putem folosi textul funcției jQuery () pentru a obține textul elementului.
5. Care sunt diferitele funcții AJAX din jQuery?
Răspuns:
Apelul Ajax permite utilizatorului să facă schimb de date cu un server și să actualizeze părți ale unei pagini fără a reîncărca întreaga pagină. Unele dintre funcțiile AJAX sunt următoarele:
1) $. Ajax (): este considerat cel mai scăzut nivel și bază al funcțiilor. Este folosit pentru a trimite solicitări. Această funcție poate fi executată fără un selector.
2) $. AjaxSetup (): Această funcție este utilizată pentru a defini și seta opțiunile pentru diverse apeluri ajax.
De exemplu:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Metode shorthand ajax: includ doar funcția de înveliș care apelează $ .ajax () cu anumiți parametri deja stabiliți.
4) $ .getJSON (): Acesta este un tip special de funcție shorthand care este utilizat pentru a accepta adresa URL la care sunt trimise solicitările. De asemenea, în astfel de funcții sunt posibile date opționale și funcții de apelare opțională.
Partea 2 - Întrebări la interviul jQuery (de bază)
Această primă parte acoperă întrebări și răspunsuri la Advanced jQuery Interview
6. Ce este JQuery.noConflict?
Răspuns:
jQuery no-conflict este o opțiune dată de jQuery pentru a depăși conflictele dintre diferitele cadre sau biblioteci js. Când utilizăm modul jQuery no-conflict, înlocuim $ la o nouă variabilă și atribuim jQuery alte câteva biblioteci JavaScript. De asemenea, utilizați $ ca funcție sau nume variabil ce are jQuery. Și în viața noastră de dezvoltare, nu suntem deloc stricți la singurul jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
De asemenea, vă putem folosi propriul dvs. caracter specific în locul semnului $ în jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Care este utilizarea funcției jQuery .each ()?
Răspuns:
Este o funcție generală care se va bucla printr-o colecție. Dacă există obiecte asemănătoare Array cu o proprietate lungime, ele pot fi iterați cu poziția și valoarea indexului. Alte obiecte pot fi iterate cu proprietăți de valoare cheie. Această funcție, însă, funcționează diferit de funcția $ (selector) .each () care funcționează pe elementul DOM folosind selectorul. Dar ambele iterază asupra unui obiect jQuery.
Când trecem obiectul asemănător tabloului la funcția .each (), funcția callback poate accepta două argumente: indexul elementului, unde indexul este indexul bazat pe zero în tabloul articolelor curente și elementul este valoarea matricea curentă.
Exemplu:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Haideți să trecem la următoarele întrebări la interviul jQuery
8. Care sunt metodele utilizate pentru a produce efecte în jQuery?
Răspuns:
jQuery oferă multe efecte minunate, putem aplica aceste efecte cu o configurație simplă. Efectul poate fi ascunderea, afișarea, comutarea, decolorarea, decolorarea, decolorarea și așa mai departe metodele de comutare (), Afișare () și ascundere (). În mod similar, putem folosi alte metode ca în următoarele:
- animate (paramele, (durata, ușurarea, returnarea)) Această funcție face animații personalizate pentru elementele HTML.
- fadeIn (viteză, (callback)) Această funcție se estompează în toate elementele potrivite prin ajustarea opacității lor și prin tragerea unui apel invers opțional după finalizare.
- fadeOut (viteză, (callback)) Această funcție este utilizată pentru a estompa toate elementele potrivite prin reglarea opacității lor la 0, apoi setarea afișajului la „none” și tragerea unui callback opțional după finalizare.
- fadeTo (viteză, opacitate, apel invers) Această funcție estompează opacitatea tuturor elementelor potrivite la o opacitate specificată și se trage un apel invers opțional după finalizare.
- stop ((clearQueue, goto end)) Această funcție oprește toate animațiile care rulează în prezent.
9. Care dintre ele este mai rapid, document.getElementByID ('txtName') sau $ ('# txtName').?
Răspuns:
Aceasta este popularul interogare jQuery Interviu adresată într-un interviu. Metoda jQuery pentru a selecta txtName prin „$ ('# txtName')” face un apel intern la document.getElementByID ('txtName'). După cum jQuery este scris pe partea de sus a JavaScript și utilizează intern JavaScript, astfel JavaScript este întotdeauna rapid.
10. Care este diferența dintre $ ('div') și $ ('') în jQuery?
Răspuns:
$ (''): Aceasta creează un nou element div. Dar acest lucru nu este adăugat la arborele DOM decât dacă nu îl adăugăm la niciun element DOM, în timp ce $ ('div') selectează tot elementul div prezent pe pagină.
Articol recomandat
Acesta a fost un ghid la Lista întrebărilor și răspunsurilor la interviul jQuery, astfel încât candidatul să poată împărți cu ușurință aceste întrebări de interviu jQuery. acest articol include toate seturile de top ale întrebărilor interviului jQuery. De asemenea, puteți consulta următoarele articole pentru a afla mai multe-
- Întrebări utile pentru interviu Jenkins
- 10 întrebări de interviu AngularJS avansate
- Întrebări de interviu pentru inginerie software
- Întrebări la interviu cu statistici
- Jenkins vs Bamboo: Care sunt avantajele
- Jenkins vs Travis CI: Care sunt avantajele
- Jenkins vs TeamCity
- Prezentare generală a metodelor jQuery Ajax