Introducción a las preguntas y respuestas de la entrevista jQuery
jQuery es una biblioteca de JavaScript que se basa en el principio "escribe menos, haz más". Es rápido, liviano y rico en características. jQuery viene con API fáciles de usar que facilitan muchas tareas para el desarrollo de la interfaz de usuario, como el desplazamiento y la manipulación de documentos HTML, el manejo de eventos y la adición de efectos de animación a una página web que funciona sin problemas en todos los navegadores web. jQuery proporciona selectores que permiten atravesar el árbol DOM de la estructura de un documento HTML de manera eficiente. Las aplicaciones basadas en Ajax pueden compilarse rápida y fácilmente con jQuery. Existen varios métodos incorporados de jQuery, mediante los cuales podemos crear animaciones y efectos como deslizar, mostrar u ocultar elementos, etc. con una sola línea de código.
A continuación se muestra la característica más común de las preguntas y respuestas de la entrevista jQuery 2019:
Entonces, finalmente ha encontrado el trabajo de sus sueños en jQuery, pero se pregunta cómo descifrar la entrevista de jQuery y cuáles podrían ser las posibles preguntas de la entrevista de jQuery de 2019. Cada entrevista es diferente y el alcance de un trabajo también es diferente. Teniendo esto en cuenta, hemos diseñado las preguntas y respuestas más comunes de jQuery Interview para ayudarlo a tener éxito en su entrevista. Estas preguntas se dividen en dos partes son las siguientes:
- Parte 1 - Preguntas de la entrevista jQuery (Básico)
- Parte 2 - Preguntas de la entrevista jQuery (Avanzado)
Parte 1 - Preguntas de la entrevista jQuery (Básico)
Esta primera parte cubre preguntas y respuestas básicas de la entrevista jQuery
1. ¿Definir jQuery con sus características principales?
Responder:
jQuery es una biblioteca de JavaScript rápida y ligera. Simplifica muchas tareas que consumen mucho tiempo y esfuerzo con JavaScript estándar. Simplifica el desarrollo web rápido, las interacciones Ajax, el manejo de eventos, las animaciones y el desplazamiento y la manipulación de documentos HTML. Las principales características principales de jQuery son:
- Manipulación DOM: los elementos DOM se pueden atravesar y modificar fácilmente.
- Animaciones: muchas animaciones integradas.
- AJAX: ayuda mucho en el desarrollo de un sitio receptivo y rico en funciones usando AJAX.
- Ligero: alrededor de 19 kb de tamaño.
- Manejo de eventos: se pueden capturar varios eventos con facilidad con los controladores de eventos.
- Compatibilidad entre navegadores: funciona bien con IE 6.0+, Safari, Chrome y Opera, Firefox.
2. ¿Cuáles son los selectores en jQuery y cuántos tipos hay?
Responder:
Los selectores se utilizan para encontrar los elementos HTML. Un selector jQuery es una función que utiliza la expresión para encontrar elementos coincidentes de un DOM en función de cualquier criterio dado. Una vez que seleccionamos un elemento, podemos realizar ciertas operaciones en él. Los selectores básicos son:
1) Nombre: selecciona todos los elementos que coinciden con el nombre del elemento dado.
2) .Class: selecciona todos los elementos que coinciden con la clase dada.
3) #ID: selecciona un único elemento que coincide con la ID dada.
4) Universal (*): selecciona todos los elementos disponibles en un DOM.
5) Selector de atributos: seleccione elementos en función de su valor de atributo.
Pasemos a las siguientes preguntas de la entrevista de jQuery
3. ¿Cuál es la diferencia básica entre la función body? Onload () y document.ready ()?
Responder:
Ambas funciones difieren entre sí.
1) Puede haber más de una función document.ready () en una sola página, mientras que solo un cuerpo. La función onload () está permitida.
2) la función document.ready () se llama tan pronto como se carga DOM para una página, mientras que la función body.onload () se llama cuando todo se carga en una página, incluidos DOM, imágenes y recursos asociados con la página.
4. ¿Cuál es la diferencia entre $ (this) y 'this' en jQuery?
Responder:
Estas son las preguntas comunes de la entrevista jQuery formuladas en una entrevista. Ambos hacen referencia al mismo elemento, pero la diferencia es que "esto" se usa de manera tradicional, pero cuando "esto" se usa con $ (), se convierte en un objeto jQuery en el que podemos usar las funciones de jQuery.
Ejemplo:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
cuando solo se usa "esta" palabra clave, entonces podemos usar la función jQuery text () para obtener el texto del elemento, porque no es un objeto jQuery. Una vez que la palabra clave "this" está envuelta en $ (), entonces podemos usar la función jQuery text () para obtener el texto del elemento.
5. ¿Cuáles son las diversas funciones AJAX en jQuery?
Responder:
La llamada Ajax permite al usuario intercambiar datos con un servidor y actualizar partes de una página sin volver a cargar toda la página. Algunas de las funciones de AJAX son las siguientes:
1) $. Ajax (): se considera el nivel más bajo y básico de funciones. Se utiliza para enviar solicitudes. Esta función se puede realizar sin un selector.
2) $. AjaxSetup (): esta función se utiliza para definir y establecer las opciones para varias llamadas ajax.
Por ejemplo:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Métodos abreviados de ajax: se componen simplemente de la función de contenedor que llama a $ .ajax () con ciertos parámetros ya establecidos.
4) $ .getJSON (): este es un tipo especial de función abreviada que se utiliza para aceptar la URL a la que se envían las solicitudes. Además, los datos opcionales y las funciones opcionales de devolución de llamada son posibles en dichas funciones.
Parte 2 - Preguntas de la entrevista jQuery (Básico)
Esta primera parte cubre preguntas y respuestas avanzadas de la entrevista jQuery
6. ¿Qué es JQuery.noConflict?
Responder:
jQuery no-conflict es una opción dada por jQuery para superar los conflictos entre los diferentes frameworks o bibliotecas js. Cuando usamos el modo sin conflicto jQuery, estamos reemplazando $ por una nueva variable y asignamos a jQuery algunas otras bibliotecas de JavaScript. Además, use $ como una función o nombre de variable que tiene jQuery. Y en nuestra vida de desarrollo, no somos estrictos con el único jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
También podemos usar su propio carácter específico en lugar de $ sign en jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7. ¿Cuál es el uso de la función jQuery .each ()?
Responder:
Es una función general que recorrerá una colección. Si hay objetos de tipo Array con una propiedad de longitud, se pueden iterar con su posición y valor de índice. Otros objetos se pueden iterar con propiedades de clave-valor. Sin embargo, esta función funciona de manera diferente a la función $ (selector) .each () que funciona en el elemento DOM utilizando el selector. Pero ambos iteran sobre un objeto jQuery.
Cuando pasamos el objeto tipo matriz a la función .each (), la función de devolución de llamada puede aceptar dos argumentos: índice del elemento, donde índice es el índice numérico basado en cero en la matriz de los elementos actuales y el elemento es el valor de La matriz actual.
Ejemplo:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Pasemos a las siguientes preguntas de la entrevista de jQuery
8. ¿Cuáles son los métodos utilizados para proporcionar efectos en jQuery?
Responder:
jQuery proporciona muchos efectos maravillosos, podemos aplicar estos efectos con una configuración simple. El efecto puede ser ocultar, mostrar, alternar, desvanecer, desvanecer, desvanecer y así sucesivamente alternar (), mostrar () y ocultar () métodos. Del mismo modo, podemos usar otros métodos como los siguientes:
- animar (parámetros, (duración, relajación, devolución de llamada)) Esta función crea animaciones personalizadas para sus elementos HTML.
- fadeIn (velocidad, (devolución de llamada)) Esta función se desvanece en todos los elementos coincidentes ajustando su opacidad y disparando una devolución de llamada opcional después de la finalización.
- fadeOut (velocidad, (devolución de llamada)) Esta función se utiliza para atenuar todos los elementos coincidentes ajustando su opacidad a 0, luego configurando la pantalla en "ninguno" y disparando una devolución de llamada opcional después de la finalización.
- fadeTo (velocidad, opacidad, devolución de llamada) Esta función desvanece la opacidad de todos los elementos coincidentes a una opacidad especificada y dispara una devolución de llamada opcional después de la finalización.
- stop ((clearQueue, goto end)) Esta función detiene todas las animaciones actualmente en ejecución.
9. ¿Cuál es más rápido, document.getElementByID ('txtName') o $ ('# txtName')?
Responder:
Esta es la popular pregunta de entrevista jQuery realizada en una entrevista. El método jQuery para seleccionar txtName a través de “$ ('# txtName')” realizará una llamada interna a document.getElementByID ('txtName'). Como jQuery está escrito sobre JavaScript y usa JavaScript internamente, JavaScript siempre es rápido.
10. ¿Cuál es la diferencia entre $ ('div') y $ ('') en jQuery?
Responder:
$ (''): Esto crea un nuevo elemento div. Pero esto no se agrega al árbol DOM a menos que no lo agreguemos a ningún elemento DOM, mientras que $ ('div') selecciona todos los elementos div presentes en la página.
Artículo recomendado
Esta ha sido una guía para la Lista de preguntas y respuestas de la entrevista jQuery para que el candidato pueda tomar medidas enérgicas contra estas preguntas de la entrevista jQuery fácilmente. Este artículo incluye todas las preguntas de la entrevista jQuery. También puede consultar los siguientes artículos para obtener más información.
- Preguntas útiles de la entrevista de Jenkins
- 10 preguntas avanzadas de la entrevista AngularJS
- Preguntas de la entrevista de ingeniería de software
- Preguntas de entrevista estadística
- Jenkins vs Bamboo: ¿Cuáles son los beneficios?
- Jenkins vs Travis CI: ¿Cuáles son los beneficios?
- Jenkins vs TeamCity
- Descripción general de los métodos jQuery Ajax