Топ 75 въпроси и отговори за интервю за AngularJS

Съдържание:

Anonim

Ние сме подготвили най-често задаваните въпроси и отговори за интервю за Angular, които ви запознават с типа въпроси за интервю за AngularJS, които интервюиращите могат да зададат по време на интервюто. В този списък с основните въпроси за интервю за AngularJS сме обхванали всички често задавани основни и разширени въпроси и отговори за Angular интервю, за да ви помогнем лесно да изчистите интервюто за работа.

Покрихме 75 най-важни основни въпроса за интервю за AngularJS за по-свежи и въпроси за интервю за AngularJS за опитни кандидати, за да им помогнем да се подготвят за интервюто за работа. Това подробно ръководство за въпроси и отговори на интервю за AngularJS ще ви помогне да пропуснете интервюто си за работа.

Въпроси и отговори за интервюта с AngularJS за по-свежи и опитни

Следват често задавани основни въпроси и отговори за интервюта за ъглово интервю, както и въпроси и отговори за ъглово интервю за опитни кандидати, за да получат подходящата работа.

1) Какво е AngularJS?

AngularJS е JavaScript рамка, използвана за създаване на приложения за единични уеб страници. Той ви позволява да използвате HTML като език на вашия шаблон и ви позволява да разширите синтаксиса на HTML, за да изразите ясно компонентите на приложението си.

2) Кои са основните характеристики на AngularJS?

Основните характеристики на AngularJS са:

  • Обхват
  • Контролер
  • Модел
  • Изглед
  • Услуги
  • Обвързване на данни
  • Директиви
  • Филтри
  • Проверяваем

3) Обяснете обхвата на функцията в AngularJS

Обхватът се отнася до модела на приложение. Той действа като лепило между контролера на приложението и изгледа. Обхватите са подредени в йерархична структура и представят структурата на DOM (Document Object Model) на приложението. Той може да гледа изрази и да разпространява събития.

4) Обяснете услугите в AngularJS

Услугите AngularJS са единичните обекти или функции, които се използват за изпълнение на конкретни задачи. Той съдържа някаква бизнес логика.

5) Какво е ъглово изразяване? Обяснете ключовата разлика между ъгловите изрази и изразите на JavaScript

Подобно на JavaScript, Angular изразите са кодови фрагменти, които обикновено се поставят в обвързване, като {{expression}}

Ключовата разлика между изразите на JavaScript и ъгловите изрази е:

  • Контекст: В Angular изразите се оценяват спрямо обект на обхват, докато изразите на JavaScript се оценяват спрямо глобалния прозорец
  • Прощаване: В ъгловия израз оценяването се прощава на null и undefined, докато в JavaScript недефинираните свойства генерират TypeError или ReferenceError
  • Няма изявления за контролен поток: Цикли, условни условия или изключения не могат да се използват в ъглов израз
  • Филтри: Можете да използвате филтри за форматиране на данни, преди да ги покажете.

6) Как можете да инициализирате поле за избор с опции при зареждане на страницата?

Можете да инициализирате полето за избор с опции при зареждане на страницата, като използвате директивата ng-init.

  • На = "!! Акаунти" ng-init = "loadData ()">

7) Какво представляват директивите? Назовете някои от най-често използваните директиви в приложението AngularJS

Директивата е нещо, което въвежда нов синтаксис. Те са като маркери на DOM елемента, който придава специално поведение към него. Във всяко приложение на AngularJS директивите са най-важните компоненти.

Някои от често използваните директиви са:

1) ng-модел

2) ng-App

3) ng-bind

4) ng-повторение

5) ng-шоу

8) Как работят Angular JS маршрутите?

Маршрутите AngularJS ви позволяват да създавате различни URL адреси за различно съдържание във вашето приложение. Различните URL адреси за различно съдържание позволяват на потребителя да маркира URL адреси към конкретно съдържание. Всеки такъв URL адрес с отметка в AngularJS се нарича маршрут

Стойността в Angular JS е прост обект. Това може да е число, низ или JavaScript обект. Стойностите обикновено се използват като конфигурация, инжектирана във фабрики, услуги или контролери. Стойността трябва да принадлежи на модул AngularJS.

Инжектирането на стойност във функцията на AngularJS контролер се извършва чрез добавяне на параметър със същото име като стойността

9) Какво представлява обвързването на данни в AngularJS?

Автоматичната синхронизация на данни между модела и компонентите на изгледа се нарича обвързване на данни в AngularJS. Има два начина за обвързване на данни

  1. Извличане на данни в класически шаблонни системи
  2. Обвързване на данни в ъглови шаблони

10) Какви са предимствата на AngularJS?

Предимствата на AngularJS са:

  • Регистриране на обратно извикване: Няма нужда да регистрирате обратно извикване. Това прави вашия код лесен и лесен за отстраняване на грешки.
  • Контролирайте HTML DOM програмно: Приложенията, създадени с помощта на Angular, не са длъжни да манипулират DOM.
  • Прехвърляне на данни към и от потребителския интерфейс: AngularJS помага да се елиминира почти целия панел. Той може да проверява формата, да показва грешки, да се връща към вътрешен модел и т.н.
  • Без код за инициализация: С AngularJS можете лесно да стартирате приложението си. Можете да използвате автоматично инжектирани услуги във вашето приложение в Guice.

11) Какво е интерполация на низове в Angular.JS?

В Angular.js компилаторът по време на процеса на компилация съвпада с текст и атрибути. Той използва интерполирана услуга, за да види дали съдържат вградени изрази. Като част от нормалния цикъл на усвояване, тези изрази се актуализират и регистрират като часовници.

12) Какви са стъпките за процеса на компилиране на HTML?

Компилирането на HTML процес се извършва по следните начини

  • Използвайки стандартния API на браузъра, първо, HTML се анализира в DOM
  • Чрез използване на извикването на метода $ compile () се извършва компилация на DOM. Методът преминава през DOM и съответства на директивите.
  • Свържете шаблона с обхват, като извикате функцията за свързване, върната от предишната стъпка

13) Обяснете директивите и техните типове

По време на процеса на компилация, когато се задейства специфична HTML функция, тя се нарича директива. Той се изпълнява, когато компилаторът го срещне в DOM.

Различните видове директиви са:

1) Директиви за елементите

2) Атрибутивни директиви

3) CSS директиви за клас

4) Директиви за коментари.

14) Обяснете функцията за свързване и нейните типове

Link комбинира директивите с обхват и създава изглед на живо. За регистриране на DOM слушатели, както и за актуализиране на DOM, функцията за връзка е отговорна. След като шаблонът е клониран, той се изпълнява.

  • Функция за предварително свързване: Функцията за предварително свързване се изпълнява преди свързването на дъщерните елементи. Това не се счита за безопасен начин за трансформация на DOM.
  • Функция за свързване след публикуване : Функцията за свързване след публикуване се изпълнява след свързването на дъщерните елементи. Безопасно е да направите DOM трансформация чрез функция за последващо свързване

15) Обяснете инжектор в AngularJS

Инжектор е локатор на услуги. Той се използва за извличане на екземпляри на обекти, както е дефинирано от доставчика, типове екземпляри, методи за извикване и зареждане на модули. За всяко приложение Angular има по един инжектор, който помага да се търси екземпляр на обект по неговото име.

16) Каква е основната разлика между връзка и компилация в Angular.js?

  • Компилираща функция: Използва се за манипулиране с DOM на шаблона и събира всички директиви.
  • Функция за връзка: Използва се за регистриране на DOM слушатели, както и например DOM манипулация. Той се изпълнява, след като шаблонът е клониран.

17) Каква е фабричната функция в AngularJS?

За създаване на директивата се използва фабричен метод. Той се извиква само веднъж, когато компилаторът съвпада с директивата за първи път. С помощта на $ injector.invoke се извиква фабричният метод.

18) Обяснете формата за стилизиране, която ngModel добавя към CSS класовете

NgModel добавя тези CSS класове, за да позволи стилизиране на формата. Класовете за проверка на AngularJS са:

  1. ng- валидно
  2. ng- невалиден
  3. ng-девствена
  4. ng-мръсни

19) Какви са характеристиките на "Обхват"?

  • За обхват на мутации на наблюдатели предоставят API ($ watch)
  • За разпространение на каквито и да е промени в модела през системата във изглед отвъд ъгловото царство
  • Обхватът наследява свойства от своя родителски обхват, като същевременно предоставя достъп до споделени свойства на модела, обхватите могат да бъдат вложени, за да се изолират компонентите на приложението
  • Обхватът предоставя контекст, спрямо който се оценяват изразите

20) Какво е DI (впръскване на зависимост) и как обект или функция могат да получат своите зависимости?

DI или Dependency Injection е модел на софтуерен дизайн, който се занимава с това как кодът се придържа към своите зависимости. За да се извлекат елементи от приложението, което трябва да бъде конфигурирано, когато модулът се зареди, операцията "config" използва инжектиране на зависимост.

Това са начините, които обектът използва за задържане на своите зависимости

  • Обикновено с помощта на новия оператор може да се създаде зависимост
  • Позовавайки се на глобална променлива, зависимостта може да се търси
  • Зависимостта може да се предаде там, където се изисква

21) Обяснете концепцията за йерархия на обхвата

Всяко ъглово приложение се състои от един корен, но може да има няколко дъщерни обхвата. Тъй като дочерните контролери и някои директиви създават нови дочерни обхвати, приложението може да има множество обхвати. Когато се формират или създават нови обхвати, те се добавят като дъщери на техния родителски обхват. Те също така създават йерархична структура, подобна на DOM.

22) Обяснете основната разлика между AngularJS и backbone.js

AngularJS Backbone.js
AngularJS е базирана на JavaScript рамка с отворен код, която е предназначена да поддържа динамични уеб приложения. backbone.js е рамка, която абстрахира DOM в изгледи и данни в модели и след това свързва и двете, използвайки събития.
Изпълнението му е добро, тъй като осигурява двупосочен процес на свързване на данни Технологията Backbone.js предлага по-бърза производителност от AngularJS, ако наборите от данни са малки
Работи на MVS (Multiple Virtual Storage). Работи върху MVP архитектура.
AngularJS използва динамичен HTML атрибут, за да улесни разбирането на приложението. Backbone.js използва шаблони за подчертаване, за да разбере приложението.
Той има голяма подкрепа от общността. Подкрепата от общността е ограничена до шаблона за подчертаване.

23) Кой създаде Angular JS?

AngularJS е разработен от Адам Абронс и Миско Хевъри. В момента тя е разработена от Google.

24) Как можете да интегрирате AngularJS с HTML?

Разработчиците могат да следват следните стъпки, за да интегрират AngularJS с HTML:

Стъпка 1: включване на AngularJS JavaScript в html страница.

Стъпка 2: Посочете приложението AngularJS.

Трябва да добавите атрибут ng-app вътре в маркера на тялото на HTML, за да кажете каква част от приложението HTML AngularJS има, както е показано в следния пример:



25) Какво е филтър за подреждане в AngularJS?


Филтър за подреждане в AngularJS подрежда масива въз основа на определени критерии. Следващият пример посочва как можете да поръчате продукт по цена.


    

  • {{ company.product + ', price:' + product.price }}
    • 





26) Какво е ng-non-binvable в AngularJS?


Ng-non-binvable определя AngularJs да не компилират HTML елемента и неговите дъщерни възли. Например:


 


27) Обяснете използването на събитие с двойно щракване в AngularJS


Събитието с двойно щракване на AgularJS ви позволява да зададете персонализирано поведение при двойно щракване на мишката на уеб страница като:


… 


28) Обяснете директивите на ng-click в AngularJS с пример


Ng-click директиви могат да се използват в сценарий, когато трябва да щракнете върху бутона или искате да извършите някаква операция.


Пример:




29) Защо да използваме ng-include в AngularJS?


Ng-include в AngularJS ви помага да вградите HTML страници в една HTML страница. Пример:




30) Как можете да осъществите повикване ajax, използвайки Angular JS?


AngularJS предлага $ https: контрол, който ви помага да осъществите повикване ajax за четене на данни от сървъра. Сървърът извиква база данни, за да получи необходимите записи. След като данните ви в JSON формат са готови, можете да използвате $ https: за извличане на данни от сървъра по следния начин:


function employeeController($scope,$https:) {var url = "tasks.txt";$https.get(url).success( function(response) {$scope.employee = response;});}


31) Обяснете използването на $ routeProvider


В Angular JS $ routeProvider задава конфигурацията на URL адреса. Той картографира със свързания ng-шаблон или HTML страница и прикачва контролер със същия.


32) Как можете да зададете, вземете и изчистите бисквитки в AngularJS?


Можеш да използваш:


    

  • $ cookies.put () метод за задаване на бисквитките.
    • 

  • $ cookies.get () метод за получаване на бисквитките.
    • 

  • $ cookies.remove за премахване на бисквитки в AngularJS.
    • 



33) Какво е метод на обслужване?


Методът на услугата в AngularJS ви помага да дефинирате услугата и метода към нея. В следващия пример сме въвели проста услуга за добавяне, която добавя две числа.


Event Registration

Guru99 Global Event




Result: {{result}}




34) Назовете компонентите AngularJS, които могат да бъдат инжектирани като зависимост


Компонентите AngularJS, които могат да бъдат инжектирани като зависимост, са: 1) стойност, 2) фабрика, 3) услуга, 4) доставчик, 5) константа.


35) Какви са общите функции на Angular Global API


Някои често използвани функции на Angular Global API са:


    

  • Angular.isString: Ще върне true само ако дадената препратка е от тип string.
    • 

  • Angular.lowercase: Преобразува всеки низ в малки букви
    • 

  • Angular.uppercase: Преобразува всеки низ в главна буква.
    • 

  • Angular.isNumber: Връща true само ако препратката е числова стойност или число.
    • 



36) Напишете програма за скриване на HTML таг само с едно щракване в ъгъл


Event Registration

Guru99 Global Event




Angular


37) Какво е BOM (модел на браузъра)?


Специфичният модел или обектният модел на браузъра се състои от история, навигатор на обекти, местоположение на екрана и т.н. Той определя глобалните обекти на браузъра като конзола, локално хранилище и прозорец.


38) Обяснете "$ rootScope" в AngularJS


"$ rootScope" е обхват, който се създава върху елемента DOM (обектен модел на документ).


Приложението може да има само един $ rootScope, който споделя, наред с други компоненти. Той има директивата ng-app. Другите обхвати се наричат ​​негов дъщерен обхват. Той може да гледа изрази, както и да разпространява събития.


39) Дайте пример за ng-view в Angular


Помислете за следния пример:


Event Registration

Global Event







40) Какъв е синтаксисът на фабричния метод в AngularJS?


Синтаксисът на Factory е както следва:


app.factory ('serviceName', function () {return serviceObj;})


41) Назовете различни фази от жизнения цикъл на AngularJS Scope.


Ето различните фази на жизнения цикъл на AngularJS Scope:


    

  • Създаване
    • 

  • Мутация на модел
    • 

  • Регистрация на наблюдател
    • 

  • Наблюдение на мутация
    • 

  • Унищожаване на обхвата
    • 



42) Напишете програма за стартиране на процес в Angular


програма за стартиране на процес в Angular е:


Hi{{msg}}!


43) Какво представлява приложението на една страница в AngularJS?


SPA или приложение на една страница е уебсайт или уеб приложение, което динамично взаимодейства с потребителите. В AngularJS JavaScript, HTML и CSS се побират на една страница. Той извършва навигация, без да опреснява цялата HTML страница.


44) Обяснете понятието webpack


Webpack е модулен пакет за Angular2 или по-нова версия. Той обединява, транпилира и намалява приложението AngularJS.


45) Какво имаш предвид под NPM?


NPM означава Node Package Manager. Състои се от клиент на инструмент за команден ред за взаимодействие с хранилището на проекта Node.js.


46) Как можете да създадете нов проект в angularJS с помощта на интерфейса на командния ред?


След като инсталирате интерфейса на командния ред на Angular, трябва да изпълните новата команда за име на проект, за да създадете нов проект в Angular.


47) Обяснете процеса на автоматично стартиране в AngularJS


Angular инициализира автоматично събитие DOMContentLoaded или когато изтегляте скрипта angular.js е в браузъра.


След това AngularJS намира директивата ng-app, която е коренът на ъгловата компилация на приложения. Когато се намери директивата ng-app, AngularJS прави следните стъпки:


1) заредете модула, който е свързан с директивата,


2) Създайте инжектор за приложение,


3) Компилирайте DOM от основния елемент на ng-app. Този процес е известен като автоматично стартиране.


48) Какво представлява незабавно извиканите функционални изрази?


IIFE или незабавно извикани функционални изрази е функция, която се изпълнява веднага след като е създадена. Той предлага лесен начин за изолиране на декларацията на променливата. IIFE съдържа две основни функции:


1) оператор ()


2) израз ()


49) Какъв е цикълът на усвояване в AngularJS?


Цикълът на обобщаване е важна част от свързването на данните в AngularJS, който  сравнява старата и новата версия на модела на обхвата. Дайджест цикъл, задействан автоматично или ръчно с помощта на функцията $ apply (). 


50) Какво е основното изискване за работа с AngularJS?


Трябва да изтеглите най-новата версия на AngularJS от AngularJS.com, за да научите или да работите с AngularJS. Можете или да имате нужда от JS файл и да го хоствате локално, или можете също да използвате google CDN (Content Delivery Network) за препратка към него.


51) Можем ли да създадем вложени контролери в AngularJS?


Да, можем да създадем вложен контролер в AngularJS.


Пример за вложен контролер е както следва:




{{msg}} {{name}}!




Hi {{name}}!




{{msg}} {{name}}! Your name is {{name}}.




52) Какво е удостоверяване?


Удостоверяването е услуга, която се използва за влизане и излизане от приложението Angular. Идентификационните данни на потребителите преминават към API на сървъра. След това след валидиране от страна на сървъра тези идентификационни данни се връща JSON Web Token, който е подробна информация за текущия потребител.


53) Определете AngularJS материал


AngularJS Material е изпълнение на спецификацията за материален дизайн на Google. Той предлага набор от добре тествани компоненти за потребителски интерфейс за многократна употреба за програмист AngularJS.


54) Какви са важните разлики между Ъгъл 7 и Ъгъл 8


 

 

 Ъглова 7  Ъглови 8  


 

 Angular 7 е труден за използване  Angular 8 е много лесен за използване  


 

 Той осигурява поддръжка за долната версия на езика за програмиране Typescript 3.4  Той не осигурява поддръжка за долната версия на програмния език Typescript 3.4  


 

 Поддържа всички версии на Node.js  Поддържа само версия Node.js 12.  


 

 



55) Какво е ngzone?


Ngzone е клас на обвивка JavaScrip, който се обозначава с Zone.js. Той позволява на разработчиците да изпълняват изрично определен код извън зоната на Angular, което инхибира angular да изпълнява всяко откриване на промени.


56) Избройте разликата между ъгловия компонент и директивата


 

 

 Съставна част   Директива  


 

 Ъгловият компонент е директива, която ви позволява да използвате функционалността на уеб компонента в цялото приложение.  Ъгловата директива е техника, чрез която ние прикрепяме поведение към елементите.  


 

 Помага ви да разделите приложението си на по-малки компоненти.  Той ви помага да проектирате компонентите за многократна употреба.  


 

 Той може да дефинира тръби  Не може да дефинира тръби.  


 

 



57) Определете ECMAScript


ECMAScript (Европейска асоциация на производителите на компютри) е стандарт за скриптови езици. JavaScript използва ECMAScript като основен език. Разработчиците могат да се възползват от него за писане на скриптове от страна на клиента в световната мрежа и / или сървърни приложения и услуги. ECMAScript има многобройни функции като функционални, прототипни, динамични и структурирани функции.


58) Какво е Traceur Compiler?


Traceur е JavaScript компилатор, който използва класове, генератори и други функции от ECMAScript.


59) Как да конвертирате низ във валута?


Можете да конвертирате въвеждане на низове във филтъра за валута от тип валута в Angular.


60) Какво представляват шаблоните в AngularJS?


Шаблонът е HTML файл, който се използва с директивите и атрибутите на AngularJs.


61) Обяснете разликите между Angular и jQuery


 

 

 AngularJS  JQuery  


 

 AngularJs е труден за разбиране  Jquery е много лесен за разбиране.  


 

 Той поддържа двупосочен процес на свързване  Той не поддържа процес на свързване на данни  


 

 Той осигурява поддръжка за маршрутизиране на дълбоки връзки  Той не осигурява поддръжка за маршрутизиране на дълбоки връзки  


 

 



62) Какво предстои за компилация на времето?


Angular AOT (Ahead of Time) е компилатор, който преобразува вашия ъглов HTML и код на машинопис в JavaScript код.


63) Списък на типовете филтри в AngularJS


Видовете филтри, използвани в AngularJS, са: 1) валута, 2) главни букви, 3) малки букви, 4) orderBy, 5) JSON и 6) limitTo.


64) Обяснете функцията ngOnInit ()


Функцията ngOnInit () е кука на жизнения цикъл, която се извиква след завършване на свързаните с данни свойства на директивата.


65) Какво представлява включването в AngularJS?


Трансклузията в AngulaJS позволява на разработчиците да преразпределят оригиналните дъщерни директиви на определено място в шаблона. Директивата ng показва точката на вмъкване за включен DOM на най-близката родителска директива, която използва включване. Директивите Ng-transclude-slot или ng-transclude се използват главно за включване.


66) Осветените куки се предлагат в AngularJS


Различни куки в AngularJS са:


1) ngOnInit ()


2) ngOnChanges (),


3) ngDoCheck (),


4) ngAfterContentInit (),


5) ngAfterContentChecked (),


6) ngOnDestroy (),


7) ngAfterViewChecked () и


8) ngAfterViewInit ()


67) Кои са важните части на метаданните AngularJS?


Метаданните AngularJS се използват за украса на клас, който изобразява очакваното поведение на определен клас. Различни части на метаданните са: 1) декоратор на клас, 2) декоратори на методи, декоратори на параметри и 4) декоратори на свойства.


68) Какво е Angular CLI?


Angular CLI също се нарича инструмент за интерфейс на командния ред. Използва се за изграждане, инициализиране и поддържане на Angular приложения. Софтуерът CLI може да се използва чрез много интерактивен потребителски интерфейс като командна обвивка или Angular Console.


69) Обяснете параметризирана тръба в AngularJS


В angularJS тръбите могат да имат повече от един параметър, за да настроят финия изход. Можете да създадете параметризирана тръба, като декларирате тръбата с двоеточие (:) и стойности на параметъра. Програмистът може да отдели множество стойности на параметри с двоеточие (:).


70) Какво е маршрутизиране?


Маршрутизирането е метод за обединяване на различни изгледи. Контролерът взема решението да комбинира тези възгледи в зависимост от логическите нужди.


71) Какво имате предвид под изолирани единични тестове?


Изолираният тест е процес на проверка на екземпляр на клас, без да се използват инжектирани стойности или ъглова зависимост. Помага ви да приложите програмата много лесно.


72) Назовете DSL анимационни функции в AngularJS


Функциите за DSL анимация в AngularJS са: 1) група (), 2) състояние (), 3) преход (), 4) стил (), 5) ключови кадри (), 6) спусък (), 7) последователност () и 8) animate ().


73) Какво представлява модулът AngularJS?


В angularJS модулът е процес за групиране на директиви и свързани компоненти на услуги. Той ги подрежда по начин, по който те могат да се смесват с други модули, за да създадат приложение.


74) Какво представляват тръбите в AngularJs?


В ъглови тръби осигуряват прост метод за трансформиране на данните. Той приема стойностите като масиви, цели числа, данни и низове като вход и разделен със символ pipe (|). Той преобразува данните в необходимия формат. Pipes показва същото нещо в браузъра. В angularJS той осигурява някои вградени тръби, но разработчиците могат да разработят и свои тръби.


75) Обяснете ViewEncapsulation в AngularJS


ViewEncapsulation определя дали стиловете, дефинирани в компонента AngularJS, ще повлияят на цялото приложение или не.


Подгответе се за вашето интервю за работа !!! Преминете през урок AngularJS, за да бъдете по-добре подготвени.


БЕЗПЛАТНО изтегляне на PDF файл с въпроси и отговори за интервю за AngularJS


Този подробен pdf въпрос за интервю за AngularJS ще ви помогне да изчистите съмненията относно въпросите за интервю за AngularJS и ще ви помогне да пропуснете интервюто.