Introdução às perguntas e respostas da entrevista do jQuery

O jQuery é uma biblioteca JavaScript baseada no princípio "escreva menos, faça mais". É rápido, leve e possui recursos avançados. O jQuery vem com APIs fáceis de usar, que facilitam muitas tarefas para o desenvolvimento da interface do usuário, como travessia e manipulação de documentos HTML, manipulação de eventos, adição de efeitos de animação a uma página da Web que funciona perfeitamente em todos os navegadores da Web. O jQuery fornece seletores que permitem percorrer a árvore DOM da estrutura de um documento HTML de maneira eficiente. Aplicativos baseados em Ajax podem criar de forma rápida e fácil com o jQuery. Existem vários métodos embutidos do jQuery, usando os quais podemos criar animações e efeitos como deslizar, mostrar ou ocultar elementos, etc., com uma única linha de código.

Abaixo está o recurso mais comum das perguntas e respostas da entrevista do jQuery para 2019:

Então, você finalmente encontrou o emprego dos seus sonhos no jQuery, mas está se perguntando como quebrar a entrevista do jQuery e quais poderiam ser as prováveis ​​perguntas da entrevista do jQuery de 2019. Cada entrevista é diferente e o escopo de um trabalho também é diferente. Tendo isso em mente, criamos as perguntas e respostas mais comuns da entrevista do jQuery para ajudá-lo a obter sucesso em sua entrevista. Essas perguntas são divididas em duas partes:

  • Parte 1 - Perguntas da entrevista do jQuery (básica)
  • Parte 2 - Perguntas da entrevista do jQuery (avançado)

Parte 1 - Perguntas da entrevista do jQuery (básica)

Esta primeira parte aborda perguntas e respostas básicas da entrevista do jQuery

1. Defina o jQuery com seus principais recursos?

Responda:
O jQuery é uma biblioteca JavaScript rápida e leve. Ele simplifica muitas tarefas que consomem muito tempo e esforço com o JavaScript padrão. Ele simplifica o desenvolvimento rápido da Web, interações Ajax, manipulação de eventos, animações e movimentação e manipulação de documentos HTML. Os principais recursos principais do jQuery são:

  • Manipulação DOM - Os elementos DOM podem ser facilmente percorridos, modificados.
  • Animações - Muitas animações embutidas.
  • AJAX - Auxilia bastante no desenvolvimento de sites responsivos e ricos em recursos usando o AJAX.
  • Leve - Cerca de 19kb de tamanho.
  • Manipulação de eventos - Vários eventos podem ser capturados com facilidade com manipuladores de eventos.
  • Suporte entre navegadores - Funciona bem com o IE 6.0+, Safari, Chrome e Opera, Firefox.

2. Quais são os seletores no jQuery e quantos tipos existem?

Responda:
Os seletores são usados ​​para encontrar os elementos HTML. Um seletor jQuery é uma função que utiliza a expressão para descobrir elementos correspondentes de um DOM com base em qualquer critério. Depois de selecionar um elemento, podemos executar determinadas operações nele. Os seletores básicos são:
1) Nome: seleciona todos os elementos que correspondem ao nome do elemento fornecido.
2) .Class: Seleciona todos os elementos que correspondem à classe especificada.
3) #ID: seleciona um único elemento que corresponde ao ID fornecido.
4) Universal (*): seleciona todos os elementos disponíveis em um DOM.
5) Seletor de Atributos: selecione elementos com base em seu valor de atributo.

Vamos para as próximas perguntas da entrevista do jQuery

3. Qual é a diferença básica entre as funções body? Onload () e document.ready ()?

Responda:
Ambas as funções diferem entre si.
1) Pode haver mais de uma função document.ready () em uma única página, enquanto apenas um corpo. A função onload () é permitida.
2) a função document.ready () é chamada assim que o DOM é carregado para uma página, enquanto a função body.onload () é chamada quando tudo é carregado em uma página, incluindo DOM, imagens e recursos associados à página.

4. Qual é a diferença entre $ (this) e 'this' no jQuery?

Responda:
Estas são as perguntas comuns da entrevista do jQuery feitas em uma entrevista. Ambas referenciam o mesmo elemento, mas a diferença é que "this" é usado de maneira tradicional, mas quando "this" é usado com $ (), ele se torna um objeto jQuery no qual podemos usar as funções do jQuery.

Exemplo:

$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));

quando apenas a palavra-chave "this" é usada, podemos usar a função jQuery text () para obter o texto do elemento, porque não é um objeto jQuery. Uma vez que a palavra-chave “this” esteja envolvida em $ (), podemos usar a função jQuery text () para obter o texto do elemento.

5. Quais são as várias funções AJAX no jQuery?

Responda:
A chamada Ajax permite ao usuário trocar dados com um servidor e atualizar partes de uma página sem recarregar a página inteira. Algumas das funções do AJAX são as seguintes:
1) $. Ajax (): é considerado o nível mais baixo e básico de funções. É usado para enviar solicitações. Esta função pode ser executada sem um seletor.
2) $. AjaxSetup (): Esta função é usada para definir e definir as opções para várias chamadas ajax.
Por exemplo:

$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));

3) Métodos ajax abreviados: Eles compreendem simplesmente a função de invólucro que chama $ .ajax () com certos parâmetros já definidos.
4) $ .getJSON (): este é um tipo especial de função abreviada usada para aceitar a URL para a qual as solicitações são enviadas. Além disso, dados opcionais e funções opcionais de retorno de chamada são possíveis nessas funções.

Parte 2 - Perguntas da entrevista do jQuery (básica)

Esta primeira parte aborda as perguntas e respostas avançadas da entrevista sobre jQuery.

6. O que é o JQuery.noConflict?

Responda:
O jQuery sem conflito é uma opção oferecida pelo jQuery para superar os conflitos entre as diferentes estruturas ou bibliotecas js. Quando usamos o modo sem conflito do jQuery, estamos substituindo o $ por uma nova variável e atribuindo ao jQuery algumas outras bibliotecas JavaScript. Além disso, use o $ como uma função ou nome de variável que o jQuery possui. E em nossa vida de desenvolvimento, não somos de modo algum rigorosos com o único jQuery.

jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));

Também podemos usar seu próprio caractere específico no lugar de $ sign no jQuery.

var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));

7. Qual é o uso da função .each () do jQuery?

Responda:
É uma função geral que percorrerá uma coleção. Se houver objetos do tipo Array com uma propriedade length, eles poderão ser iterados com sua posição e valor de índice. Outros objetos podem ser iterados com propriedades de valor-chave. Essa função, no entanto, funciona de maneira diferente da função $ (selector) .each () que funciona no elemento DOM usando o seletor. Mas ambos repetem um objeto jQuery.
Quando passamos o objeto do tipo matriz para a função .each (), a função de retorno de chamada pode aceitar dois argumentos: index do item, em que index é o índice numérico baseado em zero na matriz dos itens atuais e item é o valor de a matriz atual.

Exemplo:

$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));

Vamos para as próximas perguntas da entrevista do jQuery

8. Quais são os métodos usados ​​para fornecer efeitos no jQuery?

Responda:
O jQuery fornece muitos efeitos maravilhosos, podemos aplicar esses efeitos com uma configuração simples. O efeito pode estar ocultando, mostrando, alternando, desvanecendo-se, desvanecendo-se, desvanecendo-se e assim por diante alternando (), Show () e métodos hide (). Da mesma forma, podemos usar outros métodos, como a seguir:

  • animar (parâmetros, (duração, facilidade, retorno de chamada)) Essa função cria animações personalizadas para seus elementos HTML.
  • fadeIn (velocidade, (retorno de chamada)) Essa função desaparece em todos os elementos correspondentes, ajustando sua opacidade e disparando um retorno de chamada opcional após a conclusão.
  • fadeOut (velocidade, (retorno de chamada)) Essa função é usada para reduzir todos os elementos correspondentes, ajustando sua opacidade para 0, depois ajustando o display para “none” e disparando um retorno de chamada opcional após a conclusão.
  • fadeTo (velocidade, opacidade, retorno de chamada) Essa função reduz a opacidade de todos os elementos correspondentes a uma opacidade especificada e dispara um retorno de chamada opcional após a conclusão.
  • stop ((clearQueue, goto end)) Esta função interrompe todas as animações em execução no momento.

9. Qual é o mais rápido, document.getElementByID ('txtName') ou $ ('# txtName').?

Responda:
Esta é a pergunta popular da entrevista do jQuery feita em uma entrevista. O método jQuery para selecionar txtName via "$ ('# txtName')" fará uma chamada interna para document.getElementByID ('txtName'). Como o jQuery é escrito sobre JavaScript e usa JavaScript internamente, o JavaScript é sempre rápido.

10. Qual é a diferença entre $ ('div') e $ ('') no jQuery?

Responda:
$ (''): Isso cria um novo elemento div. Mas isso não é adicionado à árvore DOM, a menos que não o anexemos a nenhum elemento DOM, enquanto $ ('div') seleciona todo o elemento div presente na página.

Artigo recomendado

Este foi um guia para a lista de perguntas e respostas da entrevista do jQuery, para que o candidato possa reprimir essas perguntas da entrevista do jQuery facilmente. Este artigo inclui todo o conjunto principal de perguntas da entrevista do jQuery. Você também pode consultar os seguintes artigos para saber mais:

  1. Perguntas úteis da entrevista Jenkins
  2. 10 perguntas avançadas da entrevista no AngularJS
  3. Perguntas da entrevista de engenharia de software
  4. Estatísticas Entrevista Perguntas
  5. Jenkins vs Bamboo: Quais são os benefícios
  6. Jenkins vs Travis CI: Quais são os benefícios
  7. Jenkins vs TeamCity
  8. Visão geral dos métodos jQuery Ajax