Вступ до питань і відповідей на інтерв'ю jQuery

jQuery - це бібліотека JavaScript, яка базується на принципі "пишіть менше, робіть більше". Він швидкий, легкий і має багаті функції. jQuery поставляється разом з простими у користуванні API, що полегшує багато завдань для розробки інтерфейсу, наприклад, обхід HTML-документами та маніпуляції, обробка подій, додавання ефектів анімації на веб-сторінку, яка безперебійно працює у всіх веб-браузерах. jQuery пропонує селектори, які дозволяють ефективно перетинати дерево DOM структури HTML-документа. Програми на базі Ajax можуть швидко і легко створювати jQuery. Існує кілька вбудованих методів jQuery, за допомогою яких ми можемо створювати анімацію та ефекти, такі як ковзання, показ або приховування елемента тощо за допомогою одного рядка коду.

Нижче наведено найпоширенішу особливість запитань та відповідей інтерв'ю jQuery 2019:

Отже, ви нарешті знайшли роботу своєї мрії в jQuery, але цікавитесь, як зламати інтерв'ю jQuery і що може бути ймовірним питанням інтерв'ю jQuery 2019 року. Кожне інтерв'ю різне, а сфера роботи теж різна. Маючи це на увазі, ми розробили найпоширеніші запитання та відповіді щодо jQuery, щоб допомогти вам досягти успіху в інтерв'ю. Ці питання поділяються на дві частини:

  • Частина 1 - Питання для інтерв'ю jQuery (основні)
  • Частина 2 - Питання щодо інтерв'ю jQuery (розширено)

Частина 1 - Питання для інтерв'ю jQuery (основні)

Ця перша частина охоплює основні запитання та відповіді на інтерв'ю jQuery

1. Визначте jQuery з його основними ознаками?

Відповідь:
jQuery - це швидка і легка бібліотека JavaScript. Це спрощує безліч завдань, які вимагають багато часу і сил за допомогою стандартного JavaScript. Це спрощує швидку веб-розробку, взаємодію з Ajax, обробку подій, анімацію та обробку документами HTML та маніпулювання ними. Основними особливостями jQuery є:

  • Маніпуляція з DOM - елементи DOM можна легко пройти, змінити.
  • Анімації - Багато вбудованих анімацій.
  • AJAX - Допомагайте багато в розробці чуйного та багатофункціонального сайту за допомогою AJAX.
  • Легкий - розмір близько 19 кб.
  • Обробка подій. Кілька подій можна легко зафіксувати за допомогою обробників подій.
  • Підтримка крос-браузера - добре працює з IE 6.0+, Safari, Chrome і Opera, Firefox.

2. Що таке селектори в jQuery і скільки їх типів?

Відповідь:
Селектори використовуються для пошуку елементів HTML. Селектор jQuery - це функція, яка використовує вираз для пошуку відповідних елементів з DOM на основі будь-яких заданих критеріїв. Після вибору елемента ми можемо виконувати над ними певні операції. Основними селекторами є:
1) Назва: Вибирає всі елементи, які відповідають даному імені елемента.
2) .Class: Вибирає всі елементи, які відповідають даному Класу.
3) #ID: Вибирає один елемент, який відповідає заданому ідентифікатору.
4) Універсальний (*): Вибір усіх елементів, доступних у DOM.
5) Селектор атрибутів: Виберіть елементи на основі значення його атрибута.

Перейдемо до наступних питань щодо інтерв'ю jQuery

3. У чому полягає основна відмінність функції body: onload () та document.ready ()?

Відповідь:
Обидві функції відрізняються одна від одної.
1) На одній сторінці може бути більше однієї функції document.ready (), тоді як лише один корпус. Функція onload () дозволена.
2) Функція document.ready () викликається, як тільки DOM завантажується для сторінки, тоді як функція body.onload () викликається, коли все завантажується на сторінку, включаючи DOM, зображення та ресурси, пов’язані зі сторінкою.

4. Яка різниця між $ (цим) і 'цим' у jQuery?

Відповідь:
Це поширені питання про інтерв'ю jQuery, задані в інтерв'ю. Обидві посилання однаковий елемент, але різниця полягає в тому, що "це" використовується традиційно, але коли "це" використовується з $ (), то він стає об'єктом jQuery, на якому ми можемо використовувати функції jQuery.

Приклад:

$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
коли використовується лише ключове слово "це", ми можемо використовувати функцію jQuery text (), щоб отримати текст елемента, оскільки це не об'єкт jQuery. Після того, як ключове слово "це" загорнеться в $ (), ми можемо використовувати текст функції jQuery (), щоб отримати текст елемента.

5. Які різні функції AJAX в jQuery?

Відповідь:
Виклик Ajax дозволяє користувачеві обмінюватися даними з сервером та оновлювати частини сторінки, не завантажуючи всю сторінку. Деякі функції AJAX такі:
1) $. Ajax (): Це вважається найнижчим рівнем та основними функціями. Він використовується для надсилання запитів. Цю функцію можна виконувати без селектора.
2) $. AjaxSetup (): Ця функція використовується для визначення та встановлення параметрів для різних викликів ajax.
Наприклад:

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

3) Короткі методи ajax: Вони містять просто функцію обгортки, яка викликає $ .ajax () з певними параметрами, які вже встановлені.
4) $ .getJSON (): Це особливий тип скороченої функції, яка використовується для прийняття URL-адреси, до якої надсилаються запити. Також додаткові дані та додаткові функції зворотного дзвінка можливі в таких функціях.

Частина 2 - Питання щодо інтерв'ю jQuery (основні)

Ця перша частина охоплює розширені запитання та відповіді на інтерв'ю jQuery

6. Що таке JQuery.noConflict?

Відповідь:
jQuery безконфліктна - це можливість, надана jQuery для подолання конфліктів між різними js-рамками або бібліотеками. Коли ми використовуємо безконфліктний режим jQuery, ми замінюємо $ на нову змінну і присвоюємо jQuery деяким іншим бібліотекам JavaScript. Також використовуйте $ як функцію або ім'я змінної, що має jQuery. І в нашому розвитку життя ми зовсім не суворі до єдиного jQuery.

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

Ми також можемо використовувати ваш власний конкретний символ замість $ знак у jQuery.

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

7.Як використовується функція jQuery .each ()?

Відповідь:
Це загальна функція, яка буде проходити через колекцію. Якщо є об’єкти, схожі на масив, що мають властивість довжини, їх можна повторити з їх індексним положенням та значенням. Інші об'єкти можна повторити за допомогою властивостей ключових значень. Однак ця функція працює інакше, ніж функція $ (selector) .each (), яка працює на елементі DOM за допомогою селектора. Але обидва повторюються над об’єктом jQuery.
Коли ми передаємо об’єкт, схожий на масив, на функцію .each (), функція зворотного виклику може прийняти два аргументи: індекс елемента, де індекс - це числовий індекс на основі нуля в масиві поточних елементів, а пункт - значення поточний масив.

Приклад:

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

Перейдемо до наступних питань щодо інтерв'ю jQuery

8. Які методи використовуються для надання ефектів у jQuery?

Відповідь:
jQuery надає безліч чудових ефектів, ми можемо застосувати ці ефекти за допомогою простої конфігурації. Ефект може бути прихованим, показуючи, перемиканням, згасанням, зникненням, вицвітанням до тощо, методів toggle (), Show () та hidden (). Аналогічно, ми можемо використовувати й інші методи, як у наведеному нижче:

  • анімація (парами, (тривалість, полегшення, зворотний виклик)) Ця функція створює власну анімацію для ваших HTML-елементів.
  • fadeIn (швидкість, (зворотний виклик)) Ця функція згасає у всіх зібраних елементах, регулюючи їх непрозорість та розпочинаючи додатковий зворотний виклик після завершення.
  • fadeOut (швидкість, (зворотний виклик)) Ця функція використовується для вицвітання всіх зібраних елементів, регулюючи їх непрозорість до 0, потім встановивши дисплей на "немає" та запустивши необов'язковий зворотний виклик після завершення.
  • fadeTo (швидкість, непрозорість, зворотний виклик) Ця функція зменшує непрозорість усіх відповідних елементів до заданої непрозорості та запускає необов'язковий зворотний виклик після завершення.
  • стоп ((clearQueue, перейти до кінця)) Ця функція зупиняє всі поточні анімації.

9. Хто з них швидший, document.getElementByID ('txtName') або $ ('# txtName').?

Відповідь:
Це популярне питання про інтерв'ю jQuery, задане в інтерв'ю. Метод jQuery для вибору txtName через "$ ('# txtName')" внутрішньо здійснює виклик до document.getElementByID ('txtName'). Як jQuery написаний поверх JavaScript, і він використовує внутрішньо JavaScript, тому JavaScript завжди швидкий.

10. Яка різниця між $ ('div') і $ ('') у jQuery?

Відповідь:
$ (''): Це створює новий елемент div. Але це не додається до дерева DOM, якщо ми не додаємо його до жодного елемента DOM, тоді як $ ('div') вибирає всі елементи div, наявні на сторінці.

Рекомендована стаття

Це був посібник щодо списку питань та відповідей на інтерв'ю jQuery, щоб кандидат міг легко розбити ці запитання щодо інтерв'ю jQuery. Ця стаття містить увесь найвищий набір питань про інтерв'ю jQuery. Ви також можете переглянути наступні статті, щоб дізнатися більше -

  1. Корисні запитання щодо інтерв'ю Дженкінса
  2. 10 розширених запитань щодо інтерв'ю AngularJS
  3. Питання для інтерв'ю програмного забезпечення
  4. Питання інтерв'ю щодо статистики
  5. Дженкінс проти Бамбука: Які переваги
  6. Дженкінс проти Травіса CI: Які переваги
  7. Дженкінс проти TeamCity
  8. Огляд методів jQuery Ajax

Категорія:

Розвиток підприємництва