Introduzione alle domande e risposte dell'intervista di jQuery
jQuery è una libreria JavaScript che si basa sul principio "scrivi di meno, fai di più". È veloce, leggero e ricco di funzionalità. jQuery viene fornito con API di facile utilizzo che semplificano molte attività per lo sviluppo dell'interfaccia utente come la traslazione e la manipolazione di documenti HTML, la gestione degli eventi, l'aggiunta di effetti di animazione a una pagina Web che funziona perfettamente su tutti i browser Web. jQuery fornisce selettori che consentono di attraversare l'albero DOM della struttura di un documento HTML in modo efficiente. Le applicazioni basate su Ajax possono essere create in modo rapido e semplice con jQuery. Esistono diversi metodi integrati di jQuery, con i quali possiamo creare animazioni ed effetti come lo scorrimento, la visualizzazione o il nascondimento di elementi, ecc. Con una singola riga di codice.
Di seguito è la funzionalità più comune delle domande e risposte dell'intervista di jQuery 2019:
Quindi hai finalmente trovato il lavoro dei tuoi sogni in jQuery ma ti stai chiedendo come rompere l'intervista a jQuery e quali potrebbero essere le probabili domande per l'intervista a jQuery del 2019. Ogni colloquio è diverso e anche la portata di un lavoro è diversa. Tenendo presente questo aspetto, abbiamo progettato le domande e le risposte più comuni sull'intervista di jQuery per aiutarti a ottenere il successo nell'intervista. Queste domande sono divise in due parti:
- Parte 1 - jQuery Interview Questions (Basic)
- Parte 2 - Domande di intervista di jQuery (avanzate)
Parte 1 - jQuery Interview Questions (Basic)
Questa prima parte tratta le domande e le risposte di base dell'intervista su jQuery
1. Definire jQuery con le sue funzionalità principali?
Risposta:
jQuery è una libreria JavaScript veloce e leggera. Semplifica molte attività che richiedono molto tempo e fatica con JavaScript standard. Semplifica lo sviluppo rapido del Web, le interazioni Ajax, la gestione degli eventi, le animazioni e il movimento e la manipolazione dei documenti HTML. Le caratteristiche principali di jQuery sono:
- Manipolazione DOM - Gli elementi DOM possono essere facilmente attraversati, modificati.
- Animazioni: molte animazioni integrate.
- AJAX - Aiuta molto nello sviluppo di siti reattivi e ricchi di funzionalità utilizzando AJAX.
- Leggero: circa 19 kb di dimensione.
- Gestione degli eventi: è possibile catturare facilmente diversi eventi con i gestori di eventi.
- Supporto per più browser - Funziona bene con IE 6.0+, Safari, Chrome e Opera, Firefox.
2. Quali sono i selettori in jQuery e quanti tipi ci sono?
Risposta:
I selettori vengono utilizzati per trovare gli elementi HTML. Un selettore jQuery è una funzione che utilizza l'espressione per scoprire elementi corrispondenti da un DOM in base a un determinato criterio. Una volta selezionato un elemento, possiamo eseguire determinate operazioni su di essi. I selettori di base sono:
1) Nome: seleziona tutti gli elementi che corrispondono al nome dell'elemento specificato.
2) .Class: Seleziona tutti gli elementi che corrispondono alla Classe data.
3) #ID: seleziona un singolo elemento che corrisponde all'ID specificato.
4) Universale (*): seleziona tutti gli elementi disponibili in un DOM.
5) Selettore attributi: seleziona gli elementi in base al valore dell'attributo.
Passiamo alle prossime domande di intervista su jQuery
3. Qual è la differenza di base tra body? Onload () e document.ready () function?
Risposta:
Entrambe le funzioni differiscono tra loro.
1) Ci può essere più di una funzione document.ready () su una singola pagina mentre solo un corpo. La funzione onload () è consentita.
2) La funzione document.ready () viene chiamata non appena viene caricato DOM per una pagina, mentre la funzione body.onload () viene chiamata quando tutto viene caricato su una pagina, inclusi DOM, immagini e risorse associate alla pagina.
4. Qual è la differenza tra $ (questo) e 'questo' in jQuery?
Risposta:
Queste sono le domande frequenti sull'intervista di jQuery poste in un'intervista. Entrambi fanno riferimento allo stesso elemento, ma la differenza è che "this" viene utilizzato in modo tradizionale ma quando "this" viene utilizzato con $ (), diventa un oggetto jQuery su cui è possibile utilizzare le funzioni di jQuery.
Esempio:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
quando viene utilizzata solo la parola chiave "this", possiamo usare la funzione text () di jQuery per ottenere il testo dell'elemento, perché non è un oggetto jQuery. Una volta che la parola chiave "this" è racchiusa in $ (), allora possiamo usare la funzione jQuery text () per ottenere il testo dell'elemento.
5. Quali sono le varie funzioni AJAX in jQuery?
Risposta:
La chiamata Ajax consente all'utente di scambiare dati con un server e aggiornare parti di una pagina senza ricaricare l'intera pagina. Alcune delle funzioni di AJAX sono le seguenti:
1) $. Ajax (): è considerato il livello più basso e le funzioni di base. Viene utilizzato per inviare richieste. Questa funzione può essere eseguita senza un selettore.
2) $. AjaxSetup (): questa funzione viene utilizzata per definire e impostare le opzioni per varie chiamate ajax.
Per esempio:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Metodi ajax abbreviati : comprendono semplicemente la funzione wrapper che chiama $ .ajax () con alcuni parametri già impostati.
4) $ .getJSON (): questo è un tipo speciale di funzione abbreviata che viene utilizzato per accettare l'URL a cui vengono inviate le richieste. Inoltre, in tali funzioni sono possibili dati opzionali e funzioni di callback opzionali.
Parte 2 - jQuery Interview Questions (Basic)
Questa prima parte tratta le domande e le risposte alle interviste avanzate su jQuery
6. Che cos'è JQuery.noConflict?
Risposta:
jQuery senza conflitti è un'opzione fornita da jQuery per superare i conflitti tra i diversi framework o librerie js. Quando utilizziamo la modalità senza conflitto di jQuery, stiamo sostituendo $ a una nuova variabile e assegnando a jQuery alcune altre librerie JavaScript. Inoltre, utilizzare $ come funzione o nome della variabile di jQuery. E nella nostra vita di sviluppo, non siamo affatto severi con l'unico jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Possiamo anche usare il tuo personaggio specifico al posto di $ sign in jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7. Qual è l'uso della funzione jeach (.each ()?
Risposta:
È una funzione generale che passerà attraverso una raccolta. Se ci sono oggetti simili a array con una proprietà length, possono essere iterati con la posizione e il valore dell'indice. Altri oggetti possono essere ripetuti con proprietà valore-chiave. Questa funzione, tuttavia, funziona diversamente dalla funzione $ (selector) .each () che funziona sull'elemento DOM usando il selettore. Ma entrambi ripetono su un oggetto jQuery.
Quando passiamo l'oggetto simile a matrice alla funzione .each (), la funzione di callback può accettare due argomenti: indice dell'articolo, dove indice è l'indice numerico in base zero nella matrice degli oggetti correnti e l'elemento è il valore di l'array corrente.
Esempio:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Passiamo alle prossime domande di intervista su jQuery
8. Quali sono i metodi utilizzati per fornire effetti in jQuery?
Risposta:
jQuery offre molti effetti meravigliosi, possiamo applicare questi effetti con una semplice configurazione. L'effetto può essere nascosto, mostrando, alternando, dissolvenza, dissolvenza in entrata, dissolvenza in e così via con i metodi toggle (), Show () e hide (). Allo stesso modo, possiamo usare altri metodi come i seguenti:
- animate (params, (duration, easing, callback)) Questa funzione crea animazioni personalizzate per i tuoi elementi HTML.
- fadeIn (speed, (callback)) Questa funzione sfuma in tutti gli elementi corrispondenti regolandone l'opacità e attivando un callback opzionale dopo il completamento.
- fadeOut (speed, (callback)) Questa funzione viene utilizzata per sfumare tutti gli elementi corrispondenti regolando la loro opacità su 0, quindi impostando il display su "none" e attivando un callback opzionale dopo il completamento.
- fadeTo (velocità, opacità, richiamata) Questa funzione dissolve l'opacità di tutti gli elementi corrispondenti su un'opacità specificata e attiva un callback opzionale dopo il completamento.
- stop ((clearQueue, goto end)) Questa funzione arresta tutte le animazioni attualmente in esecuzione.
9. Quale è più veloce, document.getElementByID ('txtName') o $ ('# txtName').?
Risposta:
Questa è la popolare domanda di intervista jQuery posta in un'intervista. Il metodo jQuery per selezionare txtName tramite “$ ('# txtName')” effettuerà internamente una chiamata a document.getElementByID ('txtName'). Poiché jQuery è scritto su JavaScript e utilizza internamente JavaScript, JavaScript è sempre veloce.
10.Qual è la differenza tra $ ('div') e $ ('') in jQuery?
Risposta:
$ (''): Questo crea un nuovo elemento div. Ma questo non viene aggiunto all'albero DOM a meno che non lo aggiungiamo a nessun elemento DOM, mentre $ ('div') seleziona tutti gli elementi div presenti nella pagina.
Articolo raccomandato
Questa è stata una guida all'elenco delle domande e risposte dell'intervista di jQuery in modo che il candidato possa reprimere facilmente queste domande sull'intervista di jQuery. questo articolo include tutte le migliori domande di interviste su jQuery. Puoi anche consultare i seguenti articoli per saperne di più-
- Utili domande di intervista a Jenkins
- 10 domande di intervista avanzate su AngularJS
- Domande di intervista sull'ingegneria del software
- Domande per le interviste sulle statistiche
- Jenkins vs Bamboo: quali sono i vantaggi
- Jenkins vs Travis CI: quali sono i vantaggi
- Jenkins vs TeamCity
- Panoramica dei metodi Ajax di jQuery