Introduction aux questions et réponses d'entrevue jQuery
jQuery est une bibliothèque JavaScript basée sur le principe «écrire moins, faire plus». Il est rapide, léger et riche en fonctionnalités. jQuery est livré avec des API faciles à utiliser qui rendent beaucoup de tâches plus faciles pour le développement de l'interface utilisateur comme la traversée et la manipulation de documents HTML, la gestion des événements, l'ajout d'effets d'animation à une page Web qui fonctionne de manière transparente sur tous les navigateurs Web. jQuery fournit des sélecteurs qui permettent de traverser efficacement l'arbre DOM de la structure d'un document HTML. Les applications basées sur Ajax peuvent construire rapidement et facilement avec jQuery. Il existe plusieurs méthodes intégrées de jQuery, à l'aide desquelles nous pouvons créer des animations et des effets comme glisser, afficher ou masquer un élément, etc. avec une seule ligne de code.
Vous trouverez ci-dessous la caractéristique la plus courante des questions et réponses d'entrevue jQuery 2019:
Vous avez donc finalement trouvé votre emploi de rêve dans jQuery mais vous vous demandez comment résoudre l'interview jQuery et quelles pourraient être les probables questions d'entrevue jQuery 2019. Chaque entretien est différent et la portée d'un travail est également différente. En gardant cela à l'esprit, nous avons conçu les questions et réponses d'entrevue jQuery les plus courantes pour vous aider à réussir votre entrevue. Ces questions sont divisées en deux parties:
- Partie 1 - Questions d'entrevue jQuery (de base)
- Partie 2 - Questions d'entrevue jQuery (avancé)
Partie 1 - Questions d'entrevue jQuery (de base)
Cette première partie couvre les questions et réponses de base de l'entretien jQuery
1. Définir jQuery avec ses fonctionnalités principales?
Répondre:
jQuery est une bibliothèque JavaScript rapide et légère. Il simplifie beaucoup de tâches qui consomment beaucoup de temps et d'efforts avec JavaScript standard. Il simplifie le développement Web rapide, les interactions Ajax, la gestion des événements, les animations et la traversée et la manipulation de documents HTML. Les principales fonctionnalités de base de jQuery sont:
- Manipulation DOM - Les éléments DOM peuvent être facilement traversés, modifiés.
- Animations - Beaucoup d'animations intégrées.
- AJAX - Aide beaucoup au développement d'un site réactif et riche en fonctionnalités à l'aide d'AJAX.
- Léger - Environ 19 ko.
- Gestion des événements - Plusieurs événements peuvent être capturés facilement avec les gestionnaires d'événements.
- Prise en charge multi -navigateur - Fonctionne bien avec IE 6.0+, Safari, Chrome et Opera, Firefox.
2. Quels sont les sélecteurs dans jQuery et combien de types existe-t-il?
Répondre:
Les sélecteurs sont utilisés pour rechercher les éléments HTML. Un sélecteur jQuery est une fonction qui utilise l'expression pour trouver les éléments correspondants d'un DOM en fonction de tout critère donné. Une fois que nous avons sélectionné un élément, nous pouvons effectuer certaines opérations sur celui-ci. Les sélecteurs de base sont:
1) Nom: sélectionne tous les éléments qui correspondent au nom d'élément donné.
2) .Class: sélectionne tous les éléments qui correspondent à la classe donnée.
3) #ID: sélectionne un seul élément qui correspond à l'ID donné.
4) Universel (*): sélectionne tous les éléments disponibles dans un DOM.
5) Sélecteur d'attributs: sélectionnez les éléments en fonction de leur valeur d'attribut.
Passons aux prochaines questions d'entrevue jQuery
3. Quelle est la différence fondamentale entre la fonction body? Onload () et document.ready ()?
Répondre:
Les deux fonctions diffèrent l'une de l'autre.
1) Il peut y avoir plus d'une fonction document.ready () sur une seule page alors qu'un seul corps. La fonction onload () est autorisée.
2) La fonction document.ready () est appelée dès que DOM est chargé pour une page, tandis que la fonction body.onload () est appelée lorsque tout est chargé sur une page, y compris DOM, les images et les ressources associées à la page.
4. Quelle est la différence entre $ (this) et 'this' dans jQuery?
Répondre:
Ce sont les questions d'entrevue jQuery courantes posées dans une interview. Les deux font référence au même élément mais la différence est que «ceci» est utilisé de manière traditionnelle mais quand «ceci» est utilisé avec $ (), il devient alors un objet jQuery sur lequel nous pouvons utiliser les fonctions de jQuery.
Exemple:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
lorsque seul le mot-clé «this» est utilisé, nous pouvons utiliser la fonction jQuery text () pour obtenir le texte de l'élément, car il ne s'agit pas d'un objet jQuery. Une fois que le mot-clé «this» est enveloppé dans $ (), nous pouvons alors utiliser la fonction jQuery text () pour obtenir le texte de l'élément.
5. Quelles sont les différentes fonctions AJAX dans jQuery?
Répondre:
L'appel Ajax permet à l'utilisateur d'échanger des données avec un serveur et de mettre à jour des parties d'une page sans recharger la page entière. Certaines des fonctions d'AJAX sont les suivantes:
1) $. Ajax (): Il est considéré comme le niveau le plus bas et la base des fonctions. Il est utilisé pour envoyer des demandes. Cette fonction peut être exécutée sans sélecteur.
2) $. AjaxSetup (): Cette fonction est utilisée pour définir et définir les options pour divers appels ajax.
Par exemple:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Méthodes raccourcies ajax: elles comprennent simplement la fonction wrapper qui appelle $ .ajax () avec certains paramètres déjà définis.
4) $ .getJSON (): Il s'agit d'un type spécial de fonction abrégée qui est utilisée pour accepter l'URL à laquelle les demandes sont envoyées. De plus, des fonctions de données et de rappel facultatives sont possibles dans ces fonctions.
Partie 2 - Questions d'entrevue jQuery (de base)
Cette première partie couvre les questions et réponses avancées de l'entrevue jQuery
6. Qu'est-ce que JQuery.noConflict?
Répondre:
jQuery no-conflict est une option donnée par jQuery pour surmonter les conflits entre les différents frameworks ou bibliothèques js. Lorsque nous utilisons le mode sans conflit jQuery, nous remplaçons $ par une nouvelle variable et assignons à jQuery d'autres bibliothèques JavaScript. En outre, utilisez le $ comme nom de fonction ou de variable que possède jQuery. Et dans notre vie de développement, nous ne sommes pas du tout stricts à la seule jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Nous pouvons également utiliser votre propre caractère spécifique à la place de $ sign dans jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7. À quoi sert la fonction jQuery .each ()?
Répondre:
Il s'agit d'une fonction générale qui parcourra une collection. S'il existe des objets de type tableau avec une propriété de longueur, ils peuvent être itérés avec leur position et leur valeur d'index. D'autres objets peuvent être itérés avec des propriétés de valeur-clé. Cette fonction, cependant, fonctionne différemment de la fonction $ (selector) .each () qui fonctionne sur l'élément DOM à l'aide du sélecteur. Mais les deux itèrent sur un objet jQuery.
Lorsque nous transmettons l'objet de type tableau à la fonction .each (), la fonction de rappel peut accepter deux arguments: index de l'élément, où index est l'index numérique de base zéro dans le tableau des éléments actuels et item est la valeur de le tableau actuel.
Exemple:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Passons aux prochaines questions d'entrevue jQuery
8. Quelles sont les méthodes utilisées pour fournir des effets dans jQuery?
Répondre:
jQuery fournit de nombreux effets merveilleux, nous pouvons appliquer ces effets avec une configuration simple. L'effet peut être masquer, afficher, basculer, fondu en sortie, fondu en entrée, fondu vers et ainsi de suite toggle (), Show () et hide (). De même, nous pouvons utiliser d'autres méthodes comme ci-dessous:
- animer (paramètres, (durée, accélération, rappel)) Cette fonction crée des animations personnalisées pour vos éléments HTML.
- fadeIn (speed, (callback)) Cette fonction se fane dans tous les éléments appariés en ajustant leur opacité et en déclenchant un rappel optionnel une fois terminé.
- fadeOut (speed, (callback)) Cette fonction est utilisée pour estomper tous les éléments correspondants en ajustant leur opacité à 0, puis en réglant l'affichage sur «aucun» et en déclenchant un rappel optionnel une fois terminé.
- fadeTo (vitesse, opacité, rappel) Cette fonction atténue l'opacité de tous les éléments correspondants à une opacité spécifiée et déclenche un rappel facultatif une fois terminé.
- stop ((clearQueue, goto end)) Cette fonction arrête toutes les animations en cours d'exécution.
9. Lequel est le plus rapide, document.getElementByID ('txtName') ou $ ('# txtName').?
Répondre:
C'est la populaire question d'entrevue jQuery posée dans une interview. La méthode jQuery pour sélectionner txtName via “$ ('# txtName')” fera un appel interne à document.getElementByID ('txtName'). Comme jQuery est écrit au-dessus de JavaScript et qu'il utilise en interne JavaScript, JavaScript est donc toujours rapide.
10.Quelle est la différence entre $ ('div') et $ ('') dans jQuery?
Répondre:
$ (''): Cela crée un nouvel élément div. Mais cela n'est pas ajouté à l'arborescence DOM à moins que nous ne l'ajoutions à aucun élément DOM, tandis que $ ('div') sélectionne tous les éléments div présents sur la page.
Article recommandé
Cela a été un guide pour la liste des questions et réponses d'entrevue jQuery afin que le candidat puisse réprimer facilement ces questions d'entrevue jQuery. cet article comprend l'ensemble des questions d'entrevue jQuery. Vous pouvez également consulter les articles suivants pour en savoir plus-
- Questions d'entretiens utiles Jenkins
- Questions d'entretiens chez Advanced AngularJS
- Questions d'entretiens chez Software Engineering
- Questions d'entretiens chez Statistics
- Jenkins vs Bamboo: Quels sont les avantages
- Jenkins vs Travis CI: Quels sont les avantages
- Jenkins vs TeamCity
- Présentation des méthodes jQuery Ajax