48 top angularjs interview questions
Список найчастіших запитань щодо інтерв’ю з AngularJS із детальними відповідями для спеціалістів-досвідчених фахівців:
AngularJS - це одна з найбільш актуальних платформ веб-розробки у всьому світі.
Майже на кожному інтерв’ю вам доведеться боротися з жорсткою конкуренцією, щоб досягти високих результатів і отримати роботу, про яку мрієте. Отже, вам слід підготуватися заздалегідь.
Щоб підтримати вас у цій подорожі, ми склали список найбільш часто задаваних питань інтерв’ю з AngularJS разом із відповідями, яких очікує ваш інтерв’юер під час співбесіди.
Прочитайте наш серія підручників з AngularJS для більшого знання концепції. Кутомір для тестування AngularJS Програми було пояснено в нашому попередньому підручнику.
Найчастіші запитання щодо інтерв’ю з AngularJS
Нижче наведено список найпопулярніших запитань та відповідей на AngularJS, щоб допомогти кожному успішно очистити інтерв’ю.
Давайте досліджувати !!
Q # 1) Що ви розумієте під AngularJS?
Відповідь: AngularJS - це фреймворк JavaScript, який використовується для створення розширених та розширюваних веб-додатків.
Він працює на простих JavaScript та HTML, отже вам не потрібні інші залежності, щоб змусити його працювати. AngularJS ідеально підходить для односторінкових додатків (SPA). В основному він використовується для прив'язки об'єктів JavaScript з елементами інтерфейсу HTML.
Q # 2) Визначте особливості AngularJS.
Відповідь: Особливості включають:
- Шаблон (Перегляд)
- Сфера застосування (модель)
- Контролер (Controller)
- Послуги
- Фільтри
- Директиви
Q # 3) Визначте прив'язку даних.
Відповідь: Прив'язка даних - це автоматичне налаштування даних між представленням та компонентами моделі.
Q # 4) Розрізняють вирази AngularJS та JavaScript.
Відповідь: Існує кілька відмінностей між виразами AngularJS та JavaScript:
- Ми можемо писати вирази AngularJS у HTML, але не можемо писати вирази JavaScript у HTML.
- Ми не можемо використовувати умовні ітерації, цикли та винятки в AngularJS, але ми можемо використовувати всі ці умовні властивості у виразах JavaScript.
- Фільтри підтримуються в AngularJS, тоді як фільтри не підтримуються в JavaScript.
Q # 5) Напишіть усі кроки для налаштування a п Кутова програма (в додатку).
Відповідь: Щоб створити Angular App, ми повинні виконати певні дії, як зазначено нижче:
- Спочатку буде створений angular.module.
- Модулю буде призначений контролер.
- Модуль буде пов’язаний із шаблоном HTML (тобто інтерфейсом користувача або видом) із кутовою програмою (ng-app).
- Шаблон HTML буде пов'язаний з контролером (тобто JS) за допомогою директиви ng-controller.
Q # 6) Що таке кутові модулі?
Відповідь: Кутові модулі в сукупності визначають кутову програму, де ми можемо писати кутовий код. Модулі містять різні частини кутової програми. Модуль створюється функцією angular.module в angular.
Q # 7) Якими є сфери застосування директиви в AngularJS?
Відповідь: У AngularJS доступні три області застосування.
Вони є:
- Батьківська сфера: Будь-які зміни, які ви внесете у свою директиву, що походять з батьківської області, також відображатимуться в батьківській області, і це також область за замовчуванням.
- Дочірня сфера: Це вкладена область, яка успадковує властивість від батьківської області. Крім того, якщо будь-які властивості та функції в області не пов'язані з батьківською директивою області, тоді створюється нова дочірня директива області.
- Ізольована сфера: Він багаторазовий і використовується, коли ми створюємо автономну директиву. Він використовується лише для приватного та внутрішнього використання, що означає, що він не містить жодних властивостей батьківської області.
Q # 8) Як ми можемо обмінюватися даними між контролерами в AngularJS?
Відповідь: По-перше, ми повинні створити послугу. Сервіс використовується для обміну даними між контролерами в AngularJS дуже зрозумілим, простим і швидким способом. Ми використовуємо події, $ parent, наступний брат чи сестра та контролер, використовуючи $ rootScope.
Q # 9) Який цикл дайджесту в AngularJs?
Відповідь: Це частина процесу прив'язки даних у AngularJS. Він порівнює стару та нову версії значення моделі області застосування в кожному циклі дайджесту.
Цикл дайджесту запускається автоматично. Ми також можемо покращити зручність використання, використовуючи $ apply (), якщо ми хочемо запустити цикл дайджесту вручну.
Q # 10) Поясніть відмінності між одностороннім і двостороннім зв'язуванням.
Відповідь: Одностороння прив'язка використовується для прив'язки даних із моделі для перегляду без автоматичного оновлення шаблону HTML або перегляду.
Таким чином, для того, щоб оновити шаблон HTML, нам потрібно написати власний код, який буде оновлювати подання кожного разу, коли дані прив'язуються від моделі до подання.
Тоді як двостороння прив'язка використовується для прив'язки даних з моделі до перегляду та навпаки (тобто перегляду до моделі) шляхом автоматичного оновлення шаблону HTML без написання будь-якого спеціального коду.
Q # 11) Різниця між sessionStorage, файлами cookie та localStorage.
Відповідь: Різниці такі:
- SessionStorage - Дані зберігаються для певного сеансу. Дані будуть втрачені щоразу, коли вкладку браузера буде закрито або після певного сеансу. Максимальний розмір, що зберігається, може бути до 5 Мб.
- LocalStorage - Дані зберігаються без терміну придатності. Дані можна очистити лише за допомогою JavaScript або очищення кешу браузера. Обмеження пам’яті максимальне, ніж sessionStorage та cookie.
- Печиво - У ньому зберігаються дані, які мають бути відправлені назад на сервер з деякими запитами. Термін дії файлу cookie залежить від типу та тривалості, встановлених як на стороні сервера, так і на стороні клієнта. Максимальний розмір, що зберігається, може бути менше 4 КБ.
Q # 12) Яка роль $ routeProvider в AngularJS?
Відповідь: Це $ routeProvider, який допомагає в навігації між різними сторінками / посиланнями без окремого завантаження сторінки / посилання кожного разу, коли користувач натискає посилання.
Метод ngRoute config () використовується для налаштування routeProvider.
Q # 13) У чому різниця між $ scope і scope?
Відповідь: В AngularJS $ scope використовується для досягнення ін'єкції залежностей, а область використовується для зв'язування між View (тобто HTML) та Controller (тобто JS).
Q # 14) Як використовуються префікси AngularJS $ і $$?
Відповідь: Змінна $$ в AngularJS використовується як приватна змінна, оскільки вона використовується для запобігання випадковому зіткненню коду з кодом користувача.
Тоді як префікс $ можна використовувати для позначення кутових основних функціональних можливостей (наприклад, змінної, параметра, властивості чи методу).
Q # 15) Де ми можемо реалізувати маніпуляції DOM в AngularJS?
Відповідь: Маніпуляція DOM передбачена директивами, і крім цього вона не повинна існувати в службах контролера або деінде.
Q # 16) Як ми можемо показати, що змінна сфери повинна мати лише одноразове прив'язування?
Відповідь: Щоб показати одноразову прив'язку, ми повинні використовувати “ :: ”Перед областю дії.
Q # 17) Що таке SPA (Односторінковий додаток) у AngularJS?
Відповідь: Це веб-програма, яка завантажує одну сторінку HTML і динамічно оновлює сторінку, коли користувач підключається до програми.
Використовуючи AJAX та HTML, SPA може створити гнучку та адаптивну веб-програму без незмінних перезавантажень сторінок. Завдяки цьому ми можемо зробити адаптивний інтерфейс без мерехтіння сторінки.
Q # 18) Скільки типів прив'язок даних існує в AngularJS?
Відповідь: AngularJS підтримує односторонній і двосторонній зв'язок.
Одним чином прив'язка, якщо ми змінимо модель даних, тоді не буде динамічних змін, які ви побачите в полі зору, але двостороннім прив'язуванням відбуватимуться динамічні зміни щоразу, коли в моделі даних будуть внесені зміни.
Q # 19) Які є обов'язкові директиви в AngularJs?
Відповідь: Обов’язкові директиви включають:
- ng-bind
- ng-bind-html
- ng-bind-шаблон
- неможливо прив’язати
- ng-модель
Q # 20) Поясніть директиви ng-bind та ng-bind-html.
Відповідь:
ng-bind : Це директива, яка замінює вміст елемента HTML значенням призначеної змінної або виразу.
Зміст елемента HTML зміниться, змінивши значення змінної або виразу.
Це як ({{вираз}}), і синтаксис для цього:
ng-bind-html : Це директива, яка безпечно прив'язує вміст до елемента HTML (подання). Служба $ sanitize використовується для дезінфекції вмісту для прив'язки до елемента HTML. Для цього ‘angular-sanitize.js’ має бути включено в нашу програму.
найкращий конвертер youtube в mp4 -
Синтаксис для написання цього,
Q # 21) Поясніть ng-bind-template та ng-non-binvable.
Відповідь:
ng-bind-шаблон : Він замінює текстовий вміст елемента інтерполяцією шаблону. Він може містити кілька подвійних кучерявих розміток.
Неможливо прив’язати : Він визначає AngularJS, щоб не компілювати вміст цього елемента HTML та його дочірніх вузлів.
Q # 22) Поясніть директиву ng-моделі в AngularJs.
Відповідь: Це може бути стрибковим стрибком за допомогою спеціального елемента керування формою введення HTML (наприклад, введення, текстове поле та вибір) до даних програми. Він забезпечує поведінку перевірки форми з двостороннім прив'язуванням.
< input ng-bind='expression' />
Q # 23) Визначте заводський метод у AngularJS.
Відповідь: Це дуже схоже на сервіс, заводи реалізують шаблон модуля, в якому ми використовуємо заводський метод для створення об'єкта, який використовується для побудови моделей.
На заводі об'єкт методу повертається наприкінці шляхом створення нового об'єкта та додавання функцій як властивостей.
Синтаксис :
module.factory(‘factoryName', function);
Q # 24) Що таке директива ng-repeat у AngularJS?
Відповідь: Він відображає або переглядає колекцію елементів і створює елементи DOM. Він регулярно відстежує джерело даних, щоб повторно відтворити шаблон у відповідь на зміни.
Синтаксис:
{{stu.name}} {{stu. grade}}
Q # 25) Що таке контролер у AngularJS?
Відповідь: Контролер - це функція JavaScript, яка прив’язана до зазначеної області. Angular створює екземпляр нового об'єкта контролера та вводить нову область дії як залежність.
Контролер можна використовувати для встановлення початкового стану об'єкта сфери дії та для додавання поведінки об'єкта. Контролер не може використовуватися для спільного використання коду або стану між контролерами, але замість цієї служби Angular можна використовувати.
Q # 26) Що таке фільтри в AngularJS?
Відповідь: Основною роботою фільтрів є модифікація даних, щоб їх можна було об'єднати у вираз або директиву за допомогою символу труби (він використовується для застосування фільтрів у кутовому символі каналу, який (|) або це символ).
Фільтр форматує значення виразу для відображення для користувача. Їх можна використовувати в шаблонах подання, контролерах або послугах, і ми також можемо легко створити власний фільтр. Фільтр - це модуль, наданий AngularJS. Існує дев'ять компонентів фільтра, які він забезпечує.
Приклади: валюта, дата, фільтр, JSON, limitTo тощо.
Q # 27) Що таке директива ng-App у AngularJS?
Відповідь: Він використовується для визначення програми AngularJs. Він призначає кореневий елемент програми, і він зберігається біля тегу or.
Ми можемо визначити будь-яку кількість директив ng-app всередині документа HTML, але тільки одну програму AngularJS можна завантажити автоматично (автоматично завантажити), а інші програми потрібно завантажити вручну.
Приклад:
My first expression: {{157 + 122}}
Q # 28) Що таке ng-switch в AngularJS?
Відповідь: Він використовується для умовного обміну структурою DOM на шаблоні, який базується на виразі на основі сфери.
Ця директива дозволяє показувати або приховувати елемент HTML залежно від виразу.
Q # 29) Яка користь від події подвійного клацання в AngularJs?
Відповідь: Це дозволяє вказати власну поведінку подвійного клацання миші на веб-сторінці. Ми можемо використовувати його (ng-dblclick) як атрибут елемента HTML, наприклад,
...
Q # 30) Що таке директиви ng-include та ng-click у AngularJs?
Відповідь:
нг-включити допомагає включити різні файли на головну сторінку. Директива ng-include включає HTML із зовнішнього файлу.
Включений вміст буде включено як дочірні вузли зазначеного елемента. Значення атрибута ng-include також може бути виразом, що повертає ім'я файлу.
За замовчуванням включений файл повинен знаходитися в тому ж домені, що і документ.
ng-click можна використовувати в таких сценаріях, як натискання кнопки або коли потрібно виконати будь-яку операцію. Він повідомляє AngularJS, що робити, коли натискається елемент HTML.
Приклад:
OK
Наведений вище код збільшить змінну підрахунку на одиницю кожного разу, коли натискається кнопка.
Q # 31) Що таке репрезентативний перенос стану (REST) у AngularJs?
Відповідь: REST - це стиль API, який працює над запитом HTTP.
Запитувана URL-адреса визначає дані, з якими слід працювати, а метод HTTP - операцію, яку слід виконати. REST - це стиль API, а не офіційна специфікація, і багато суперечок і розбіжностей щодо того, що є, а що не RESTful, що є терміном, що використовується для позначення API, який відповідає стилю REST.
AngularJS є гнучким щодо того, як споживаються веб-служби RESTful.
Q # 32) Що таке глобальний API AngularJs?
Відповідь: Це комбінація глобальної функції JavaScript, яка використовується для виконання таких завдань, як порівняння об’єктів, ітерація об’єктів та перетворення даних.
Є кілька загальних функцій API, таких як:
- кутова. мала літера: Він перетворює рядок у рядок нижнього регістру.
- кутова. великі літери: Він перетворює рядок у рядок верхнього регістру.
- кутова. isString: Це поверне true, якщо поточне посилання є рядком.
- кутова. isNumber: Він поверне значення true, якщо поточним посиланням є число.
Q # 33) Що таке метод провайдера в AngularJs?
Відповідь: Постачальник - це об’єкт, який створює об’єкт послуги, дозволяючи взяти на себе більше контролю.
Метод $ get () використовується у постачальника, який повертає об'єкт послуги. Ім'я послуги та фабрична функція - це аргументи, які передаються в метод постачальника. AngularJS використовує $ provide для реєстрації нових провайдерів.
Синтаксис:
serviceApp.provider('logService', function ())
Q # 34) Що таке обробка подій?
Відповідь: Обробка подій у AngularJs дуже корисна, коли ви хочете створити попередні програми AngularJs.
Нам потрібно обробляти події DOM, такі як клацання миші, переміщення, натискання клавіатури, зміна подій тощо. AngularJs має деякі директиви для прослуховування, такі як ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup тощо.
Q # 35) Що таке AngularJs DOM?
Відповідь: AngularJs мають деякі директиви, які використовуються для інкапсуляції даних програми AngularJs до вимкненого атрибута елементів HTML.
Приклад: Директива ng-disabled інкапсулює дані програми до вимкнених атрибутів елемента HTML DOM.
Click Me!
Button
{{ mySwitch }}
Q # 36) Які атрибути можна використовувати під час створення нових директив AngularJs?
Відповідь: Існує кілька атрибутів, які можна використовувати під час створення нової директиви.
Вони включають:
- Шаблон: Він описує вбудований шаблон як рядок.
- URL-адреса шаблону: Цей атрибут визначає компілятор AngularJs HTML для заміни користувацької директиви всередині шаблону вмістом HTML, що знаходиться всередині окремого файлу.
- Замінити: Він замінює поточний елемент, якщо умова істина, якщо false додає цю директиву до поточного елемента.
- Виключити: Це дозволяє перемістити оригінальні дочірні елементи директиви до місця всередині нового шаблону.
- Сфера застосування: Він створює нову область дії для цієї директиви, а не успадковує батьківську область.
- Контролер: Він створює контролер, який видає API для спілкування між директивами.
- Вимагати: Це вимагає наявності іншої директиви для ефективного функціонування поточної директиви.
- Посилання: Він змінює результати в екземплярах елемента DOM, додає прослуховувачі подій та налаштовує прив'язку даних.
- Скласти: Він модифікує шаблон DOM для функцій у копіях директиви, як це використовується в інших директивах. Ваша функція компіляції може також повертати функції зв’язку для модифікації отриманих примірників елементів.
Q # 37) Чи вкладені контролери можливі чи ні в AngularJs?
Відповідь: Так, це можливо, оскільки вкладені контролери чітко визначені класифіковано під час використання подання.
Q 38) Чи AngularJS підходить для всіх браузерів?
Відповідь: Так, він поєднується з усіма браузерами, такими як Safari, Chrome, Mozilla, Opera, IE тощо, а також мобільними браузерами.
Q 39) Визначте послуги в AngularJS.
Відповідь: Служби AngularJS - це одиночні об'єкти або функції, які використовуються для виконання певних завдань. Він охоплює деякі корпоративні ідеї, і ці цілі можна назвати контролерами, директивами, фільтрами тощо.
Q 40) Поясніть переваги AngularJS.
Відповідь: До переваг належать:
- Він підтримує форму MVC.
- Організуйте два способи прив'язки даних за допомогою AngularJS.
- Він підтримує взаємне спілкування клієнт-сервер.
- Він підтримує моделювання.
Q # 41) Різниця між послугами та фабрикою.
Відповідь: Заводи - це функції, які повертають об'єкт, тоді як служби - це функції конструктора об'єкта, який використовується за новим ключовим словом.
Синтаксис:
Заводський - module.factory (`factoryName`, функція);
Обслуговування - module.service (`serviceName`, функція);
Q # 42) Якщо і завод, і сервіс рівнозначні, тоді коли я повинен їх використовувати?
Відповідь: Заводський постачальник бажано використовувати об'єкт, тоді як постачальник послуг бажано використовувати з класом.
Q # 43) Різниця між AngularJS та React.JS.
Відповідь: AngularJS - це JS-платформа, заснована на мові TypeScript, випущена в жовтні 2010 року компанією Google. Це абсолютно безкоштовний фреймворк та відкритий код, який використовується у проектах SPA (тобто проектах з односторонніми додатками).
React.JS - це бібліотека javascript, розроблена Facebook у березні 2013 року для створення інтерфейсу користувача. Компоненти React можна використовувати на кількох сторінках, але не як SPA (тобто застосування на одній сторінці).
Q # 44) Різниця між директивою ng-bind та ng-model.
Відповідь: Директива ng-bind має односторонні прив'язки даних, дані перетікають лише від об'єкта до інтерфейсу користувача, а не навпаки (тобто $ scope >> view), а директива ng-model має двосторонні зв'язки даних, потоки даних між інтерфейсом користувача до об'єкта та віце навпаки (тобто $ scope >> перегляд і перегляд >> $ scope).
Q # 45) У чому різниця між AJAX та AngularJS?
Відповідь: AJAX розшифровується як асинхронний JavaScript, який використовується для надсилання та отримання відповідей із сервера без завантаження сторінки.
Тоді як AngularJS - це заснована на машинописі мовна структура JavaScript за шаблоном MVC.
Q # 46) Визначте ng-if, ng-show та ng-hide.
Відповідь: Директива ng-if використовується як пропозиція if, яка видаляє елемент HTML, якщо вираз стає хибним.
порівняйте два файли в Linux і знайдіть відмінності
Синтаксис
Директива ng-show використовується для відображення елемента HTML, якщо вираз стає істинним. І якщо вираз стає хибним, тоді елемент HTML буде прихований.
Синтаксис
Директива ng-hide використовується, щоб приховати елемент HTML, якщо вираз стає хибним.
Синтаксис
Як ng-show, так і ng-hide використовують метод властивості display.
Q # 47) У чому різниця між ngRoute та ui-маршрутизатором?
Відповідь: ngRoute - це модуль, розроблений командою angularJS, який був частиною основної структури angularJS. Тоді як ui-маршрутизатор був розроблений стороннім співтовариством для подолання проблем ngRoute.
ngRoute - це маршрутизація на основі розташування або URL-адреси, а ui-router - це маршрутизація на основі стану, яка дозволяє вкладені подання.
Q # 48) Як встановити, отримати та очистити файли cookie в AngularJs?
Відповідь: AngularJS має модуль під назвою ngCookies, тому перед введенням ngCookies в додаток повинен бути включений angular-cookies.js.
- Встановити файли cookie - Метод put використовується для встановлення файлів cookie у форматі ключ-значення.
$cookies.put(“username”, $scope.username);
- Отримати файли cookie - Метод Get використовується для отримання файлів cookie.
$cookies.get(‘username’);
- Очистити файли cookie - Метод видалення використовується для видалення файлів cookie.
$cookies.remove(‘username’);
Висновок
Я впевнений, що ця стаття допомогла б вам зрозуміти основи та просунутий рівень AngularJS.
Цей набір запитань та відповідей на співбесіду з AngularJS, перелічені тут, дозволить вам успішно зламати будь-яке співбесіду з AngularJS як на більш свіжому, так і на рівні досвіду. Це найчастіші запитання, які задаються в інтерв’ю. Це все, що на даний момент.
Ця стаття допоможе вам зламати будь-яке інтерв’ю, пов’язане з AngularJS !! Сподіваюся, вам сподобався весь набір підручників у цій серії AngularJS !!
Рекомендована література
- Запитання та відповіді на інтерв’ю
- Запитання та відповіді на інтерв’ю для тестування ETL
- Деякі хитрі ручні тестування Питання та відповіді
- 25 найкращих запитань та відповідей на інтерв’ю для спритного тестування
- Запитання для інтерв’ю з Spock (найпопулярніші)
- Деякі цікаві питання для тестування програмного забезпечення
- Топ 20+ запитань та відповідей на інтерв’ю .NET
- Найпопулярніші 51 запитання та відповіді на інтерв’ю Bootstrap