75 лучших вопросов и ответов на собеседовании по AngularJS

Содержание:

Anonim

Мы подготовили наиболее часто задаваемые вопросы и ответы на собеседование по Angular, которые знакомят вас с типом вопросов на собеседовании AngularJS, которые интервьюеры могут задать во время собеседования. В этом списке основных вопросов собеседования AngularJS мы рассмотрели все часто задаваемые базовые и расширенные вопросы и ответы на собеседование по Angular, чтобы помочь вам легко пройти собеседование.

Мы рассмотрели 75 самых важных основных вопросов собеседования по AngularJS для новичков и вопросы собеседования по AngularJS для опытных кандидатов, чтобы помочь им подготовиться к собеседованию. Это подробное руководство по вопросам и ответам на собеседование AngularJS поможет вам пройти собеседование.

Вопросы и ответы на собеседовании по AngularJS для новичков и опытных

Ниже приведены часто задаваемые базовые вопросы и ответы на собеседовании по Angular для новичков, а также вопросы и ответы на собеседование по Angular для опытных кандидатов, чтобы получить подходящую работу.

1) Что такое AngularJS?

AngularJS - это фреймворк JavaScript, используемый для создания приложений с одной веб-страницей. Он позволяет использовать HTML в качестве языка шаблонов и позволяет расширять синтаксис HTML для четкого выражения компонентов вашего приложения.

2) Каковы ключевые особенности AngularJS?

Ключевые особенности AngularJS:

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

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

Область действия относится к модели приложения. Он действует как клей между контроллером приложения и представлением. Области действия организованы в иерархическую структуру и олицетворяют структуру DOM (объектной модели документа) приложения. Он может отслеживать выражения и распространять события.

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

Сервисы AngularJS - это одноэлементные объекты или функции, которые используются для выполнения определенных задач. В нем есть бизнес-логика.

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

Как и JavaScript, выражения Angular представляют собой фрагменты кода, которые обычно помещаются в привязку, например {{выражение}}

Ключевое различие между выражениями JavaScript и выражениями Angular:

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

6) Как можно инициализировать поле выбора с параметрами при загрузке страницы?

Вы можете инициализировать поле выбора с параметрами при загрузке страницы с помощью директивы ng-init.

  • On = "!! Accounts" ng-init = "loadData ()">

7) Что такое директивы? Назовите некоторые из наиболее часто используемых директив в приложении AngularJS

Директива - это то, что вводит новый синтаксис. Они похожи на маркеры на элементе DOM, который придает ему особое поведение. В любом приложении AngularJS директивы являются наиболее важными компонентами.

Вот некоторые из наиболее часто используемых директив:

1) нг-модель

2) ng-App

3) ng-bind (нг-связывание)

4) ng-repeat (нг-повтор)

5) ng-show (нг-шоу)

8) Как работают маршруты Angular JS?

Маршруты AngularJS позволяют создавать разные URL-адреса для разного контента в вашем приложении. Разные URL-адреса для разного контента позволяют пользователю добавлять в закладки URL-адреса для определенного контента. Каждый такой URL-адрес закладок в AngularJS называется маршрутом.

Значение в Angular JS - это простой объект. Это может быть число, строка или объект JavaScript. Значения обычно используются в качестве конфигурации, вводимой в фабрики, службы или контроллеры. Значение должно принадлежать модулю AngularJS.

Внедрение значения в функцию контроллера AngularJS выполняется путем добавления параметра с тем же именем, что и значение

9) Что такое привязка данных в AngularJS?

Автоматическая синхронизация данных между компонентами модели и представления называется привязкой данных в AngularJS. Есть два способа привязки данных

  1. Интеллектуальный анализ данных в классических шаблонных системах
  2. Связывание данных в шаблонах angular

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. нг- действительный
  2. нг- недействительный
  3. чистый
  4. нг-грязный

19) Каковы характеристики «Сфера действия»?

  • Области видимости мутаций модели наблюдателя предоставляют API-интерфейсы ($ watch)
  • Распространение любых изменений модели через систему в представление за пределами области Angular
  • Область действия наследует свойства от своей родительской области, обеспечивая при этом доступ к общим свойствам модели, области могут быть вложены для изоляции компонентов приложения.
  • Область видимости предоставляет контекст, относительно которого оцениваются выражения

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

DI или Dependency Injection - это шаблон проектирования программного обеспечения, который касается того, как код получает свои зависимости. Чтобы получить элементы приложения, которые необходимо настроить при загрузке модуля, операция «config» использует внедрение зависимостей.

Это способы, которые объект использует для удержания своих зависимостей.

  • Обычно с помощью оператора new можно создать зависимость
  • Ссылаясь на глобальную переменную, можно найти зависимость
  • Зависимость может быть передана туда, где она требуется

21) Объясните концепцию иерархии областей видимости

Каждое приложение angular состоит из одной корневой области, но может иметь несколько дочерних областей. Поскольку дочерние контроллеры и некоторые директивы создают новые дочерние области, приложение может иметь несколько областей. Когда формируются или создаются новые области, они добавляются как дочерние по отношению к своей родительской области. Они также создают иерархическую структуру, подобную 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 body, чтобы указать, какая часть HTML-приложения AngularJS есть, как показано в следующем примере:



25) Что такое фильтр orderby в AngularJS?


Фильтр Orderby в AngularJS упорядочивает массив на основе заданных критериев. В следующем примере показано, как заказать товар по цене.


    

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





26) Что такое ng-non-bindable в AngularJS?


Ng-non-bindable указывает AngularJs не компилировать элемент HTML и его дочерние узлы. Например:


<название ng-non-bindable> 


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) Как вы можете устанавливать, получать и очищать файлы cookie в AngularJS?


Вы можете использовать:


    

  • $ cookies.put () для установки файлов cookie.
    • 

  • $ cookies.get () для получения файлов cookie.
    • 

  • $ cookies.remove для удаления файлов cookie в 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: он вернет истину, только если данная ссылка имеет строковый тип.
    • 

  • Angular.lowercase: преобразует любую строку в нижний регистр
    • 

  • Angular.uppercase: преобразует любую строку в верхний регистр.
    • 

  • Angular.isNumber: возвращает истину, только если ссылка является числовым значением или числом.
    • 



36) Напишите программу для скрытия HTML-тега одним нажатием кнопки в angular


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 расшифровывается как Node Package Manager. Он состоит из клиента инструмента командной строки для взаимодействия с репозиторием проекта Node.js.


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


После установки интерфейса командной строки Angular вам необходимо запустить команду ng new project-name, чтобы создать новый проект в Angular.


47) Объясните процесс автоматической загрузки в AngularJS


Angular автоматически инициализирует событие DOMContentLoaded или когда вы загружаете сценарий angular.js в браузер.


После этого AngularJS находит директиву ng-app, которая является корнем компиляции приложения angular. При обнаружении директивы 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 (сеть доставки контента) для ссылки на него.


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


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


Пример вложенного контроллера выглядит следующим образом:




{{msg}} {{name}}!




Hi {{name}}!




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




52) Что такое аутентификация?


Аутентификация - это служба, которая используется для входа в приложение Angular и выхода из него. Учетные данные пользователей передаются в API на сервере. Затем после проверки этих учетных данных на стороне сервера возвращается веб-токен JSON, который является подробной информацией о текущем пользователе.


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


AngularJS Material - это реализация Спецификации дизайна материалов Google. Он предлагает набор хорошо протестированных, многоразовых компонентов пользовательского интерфейса для программиста на AngularJS.


54) Каковы важные различия между Angular 7 и Angular 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) Перечислите разницу между угловым компонентом и директивой


 

 

 Компонент   Директива  


 

 Угловой компонент - это директива, которая позволяет вам использовать функциональность веб-компонента во всем приложении.  Директива Angular - это метод, с помощью которого мы привязываем поведение к элементам.  


 

 Это поможет вам разделить ваше приложение на более мелкие компоненты.  Это помогает вам разрабатывать повторно используемые компоненты.  


 

 Он может определять трубы  Он не может определять трубы.  


 

 



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


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


58) Что такое компилятор Traceur?


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?


В angular каналы предоставляют простой метод преобразования данных. В качестве входных данных он принимает такие значения, как массивы, целые числа, данные и строки, которые разделяются вертикальной чертой (|). Он преобразует данные в требуемый формат. То же самое отображается в браузере. В angularJS он предоставляет несколько встроенных каналов, но разработчики также могут разрабатывать свои собственные каналы.


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


ViewEncapsulation определяет, будут ли стили, определенные в компоненте AngularJS, влиять на все приложение или нет.


Готовьтесь к собеседованию !!! Пройдите по AngularJS Tutorial, чтобы лучше подготовиться.


БЕСПЛАТНО скачать PDF-файл с вопросами и ответами на собеседование по AngularJS


Этот подробный PDF-файл с вопросами на собеседовании AngularJS поможет вам развеять сомнения по поводу вопросов на собеседовании AngularJS, а также поможет вам пройти собеседование.