29 najczęściej zadawanych pytań i odpowiedzi na wywiad z AngularJS [dla początkujących i doświadczonych]

Opublikowany: 2020-03-13

AngularJS to jeden z najpopularniejszych frameworków internetowych na współczesnej scenie technologicznej. Chociaż początkowo AngularJS był projektem Google, później stał się frameworkiem o otwartym kodzie źródłowym. AngularJS to framework JavaScript Model-View-Controller po stronie klienta, który jest używany głównie do tworzenia i dynamicznych aplikacji internetowych, w szczególności aplikacji jednostronicowych.

Ponieważ AngularJS jest w całości oparty na HTML i JavaScript, pozwala używać HTML jako języka szablonów. Nie tylko zmienia statyczny HTML w dynamiczny HTML, ale także pomaga rozszerzyć możliwości HTML, dodając wbudowane atrybuty. Po prostu AngularJS rozszerza również możliwości HTML do tworzenia niestandardowych atrybutów za pomocą JavaScript. Najlepsze w AngularJS jest to, że jego funkcje wiązania danych i wstrzykiwania zależności pomagają wyeliminować potrzebę pisania nadmiarowego kodu.

Popularność AngularJS stała się tak powszechna, że ​​zapotrzebowanie na umiejętności AngularJS w branży gwałtownie rośnie. Jeśli jednak chcesz znaleźć pracę, która wymaga umiejętności AngularJS, musisz najpierw złamać rozmowę kwalifikacyjną AngularJS. Aby pomóc Ci zmierzyć się z wywiadem AngularJS, stworzyliśmy obszerną listę pytań i odpowiedzi do wywiadu AngularJS.

Tutaj idzie!

Top Pytania i odpowiedzi do wywiadu AngularJS

1. Co to jest AngularJS? Jakie są kluczowe cechy AngularJS?

AngularJS to framework JavaScript opracowany przez Google. Służy do tworzenia dynamicznych i rozszerzalnych aplikacji internetowych. Opiera się na wzorcu MVC (Model View Controller) z HTML jako językiem szablonu. Jak wspomnieliśmy we wstępie, AngularJS działa na zwykłym JavaScript i HTML, co oznacza, że ​​nie musisz polegać na innych zewnętrznych zależnościach, aby go używać. AngularJS pomaga wiązać obiekty JavaScript z elementami interfejsu użytkownika HTML.

Podstawowe cechy AngularJS to:

  • Szablon
  • Zakres
  • Kontroler
  • Usługi
  • Model
  • Pogląd
  • Wiązanie danych
  • Filtry

Dowiedz się więcej o: Angular 7.0 – Co nowego w jego Avatarze?

2. Zdefiniuj zakres w AngularJS.

W AngularJS Scope jest modelem aplikacji, który działa jako łącznik między klejem między kontrolerem aplikacji a widokiem. Scope jest przeznaczony do monitorowania wyrażeń i propagacji zdarzeń. Zazwyczaj zakresy są zorganizowane w hierarchiczną strukturę replikującą strukturę DOM (Document Object Model) aplikacji. Może oglądać wyrażenia i propagować zdarzenia.

3. Zdefiniuj wiązanie danych w AngularJS.

W AngularJS powiązanie danych odnosi się do procesu, w którym dane między modelem a komponentami widoku są automatycznie synchronizowane. Wiązanie danych pomaga uprościć proces definiowania aplikacji interaktywnych bez martwienia się o wypychanie lub ściąganie danych między widokiem/szablonem a komponentem. Istnieją cztery formularze powiązania danych:

  • Wiązanie wydarzenia
  • Wiązanie nieruchomości
  • Interpolacja ciągów
  • Dwukierunkowe wiązanie danych

4. Zdefiniuj wyrażenie kątowe. Jaka jest różnica między wyrażeniami Angular a wyrażeniami JavaScript?

Wyrażenia kątowe to fragmenty kodu, które są umieszczane w powiązaniu (podobnie jak w stylu JavaScript), na przykład:

{{ kątowy}}

Wyrażenia kątowe pomagają powiązać dane aplikacji z kodem HTML.

Podstawowa różnica między wyrażeniami JavaScript a wyrażeniami Angular to:

  • Podczas gdy wyrażenia JavaScript są oceniane względem okna globalnego, wyrażenia Angular są oceniane względem obiektu zasięgu.
  • Ocena wyrażeń Angular wybacza wartości null i undefined, ale w JavaScript właściwości undefined zwykle dają TypeError lub ReferenceError.
  • W przeciwieństwie do JavaScript, wyrażenia Angular nie pozwalają na użycie pętli, warunków lub wyjątków.
  • Podczas gdy AngularJS obsługuje filtry, JavaScript nie.

5. Wymień typowe IDE używane do tworzenia aplikacji AngularJS.

Oto najczęściej używane IDE (zintegrowane środowisko programistyczne) dla AngularJS:

  • Eclipse – to jedno z ulubionych IDE programistów Java/JavaScript. Obsługuje wtyczki AngularJS.
  • Visual Studio — jest to środowisko Microsoft IDE przeznaczone do łatwego i szybkiego tworzenia aplikacji internetowych.
  • WebStorm — to bez wątpienia jedno z najpotężniejszych środowisk IDE do współczesnego programowania w języku JavaScript. Pozwala na łatwą integrację zależności za pomocą Angular CLI.
  • Aptana – jest to dostosowana wersja Eclipse o otwartym kodzie źródłowym. Jest wyposażony w najnowsze narzędzia i standardy sieciowe wymagane do tworzenia stron internetowych.
  • Sublime Text – Jest to wysoce zalecane IDE dla HTML, CSS i JavaScript. Oczywiście jest kompatybilny z AngularJS.

Sprawdź również: Czy AngularJS jest właściwym wyborem do tworzenia kolejnych aplikacji mobilnych?

6. Czym są dyrektywy w AngularJS?

Dyrektywy w AngularJS to nic innego jak rozszerzone atrybuty HTML mające przedrostek „ng”. Istnieją trzy podstawowe dyrektywy AngularJS:

  • ng-app — celem tej dyrektywy jest oflagowanie elementu HTML, który powinien być uważany za element główny aplikacji Angular. Podczas gdy Angular stosuje spinal-case dla atrybutów niestandardowych, używa filtru camelCase dla odpowiednich dyrektyw, które je implementują.
  • ng-model — ta dyrektywa pomaga powiązać wartości kontrolek HTML (input, select, textarea) z danymi aplikacji. W modelu ng zmienia się nie tylko zakres odzwierciedlony w widoku, ale nawet zmiany w widoku są odzwierciedlane w zakresie.
  • ng-bind — ta dyrektywa służy do powiązania danych aplikacji modalnych z widokiem HTML.

7. Do czego służą trasy AngularJS?

Korzystanie z tras AngularJS umożliwia tworzenie różnych adresów URL dla różnych treści w aplikacji Angular. W ten sposób możesz dodać do zakładek adresy URL do ich określonej zawartości, a każdy taki adres URL dodany do zakładek nazywa się trasą w AngularJS.

8. Zdefiniuj interpolację ciągów w AngularJS.

W AngularJS interpolacja ciągów odnosi się do unikalnej składni, która używa wyrażeń szablonowych w nawiasach {{ }} do wyświetlania danych składowych. Interpolacja ciągów jest często określana jako „Składnia wąsów”. Używając tej składni, najpierw musisz zawrzeć wyrażenia JavaScript (które muszą zostać wykonane) w podwójnych nawiasach klamrowych, a następnie osadzić względne wyjście w kodzie HTML.

9. Zdefiniuj „Cykl Digest” AngularJS.

Cykl trawienia zasadniczo odnosi się do procesu wiązania danych w AngularJS. W tym procesie stara i nowa wersja wartości modelu zakresu są zestawiane ze sobą i porównywane. Chociaż cykl podsumowania jest uruchamiany automatycznie, możesz również użyć „$apply()”, aby ręcznie uruchomić proces.

10. Jaka jest różnica między wiązaniem jednokierunkowym a wiązaniem dwukierunkowym?

Wiązanie jednokierunkowe służy do wiązania danych z modelu do widoku bez automatycznego aktualizowania szablonu lub widoku HTML. Tak więc w tym podejściu musisz napisać niestandardowy kod, aby zaktualizować szablon HTML, który będzie dalej aktualizował widok za każdym razem, gdy dane są wiązane z modelu do widoku.

W przeciwieństwie do tego, dwukierunkowe wiązanie wiąże dane z modelu do widoku i odwrotnie, automatycznie aktualizując szablon HTML bez konieczności pisania niestandardowego kodu.

11. Zdefiniuj funkcję łączenia. Nazwij typy funkcji łączenia.

Łącze łączy dyrektywy z zakresem tworzenia podglądu na żywo. Funkcja link służy do rejestrowania detektorów DOM i aktualizacji DOM. Ta funkcja jest wykonywana natychmiast po sklonowaniu szablonu.

Istnieją dwa rodzaje funkcji łączenia:

  • Funkcja wstępnego łączenia — ta funkcja jest wykonywana przed połączeniem elementów podrzędnych i zwykle nie jest bezpiecznym podejściem do transformacji DOM.
  • Funkcja powiązania — ta funkcja jest wykonywana po połączeniu elementów podrzędnych.

12. Co to jest wtryskiwacz w AngularJS?

Wtryskiwacz to lokalizator usług w AngularJS. Głównym celem iniektora jest odbieranie wystąpień obiektów zdefiniowanych przez dostawców, metod wywoływania, modułów ładowania i typów instancji. Każda aplikacja Angulara zawiera iniektor, który pomaga wyszukiwać instancje obiektów według ich nazwy.

13. Nazwij różne formy stylizacji, które ng-model dodaje do klas CSS.

Model ng dodaje następujące formy stylizacji do klas CSS:

  • ng- ważny
  • ng- nieprawidłowy
  • ng-nieskazitelny
  • ng-brudny

14. Zdefiniuj wstrzykiwanie zależności. W jaki sposób obiekt lub funkcja może uzyskać dostęp do swoich zależności?

Wstrzykiwanie zależności (DI) to wzorzec projektowania oprogramowania, który określa, w jaki sposób kod może pobrać swoje zależności. Umożliwia komponentom dostęp do ich zależności zamiast zakodowania ich na stałe w komponencie. Aby pobrać elementy, które są wymagane do skonfigurowania, gdy moduł jest ładowany do aplikacji, operacja „config” używa DI.

Obiekt lub funkcja może uzyskać dostęp do swoich zależności w następujący sposób:

  • Zależność można utworzyć za pomocą nowego operatora.
  • Zależność można sprawdzić, odwołując się do zmiennej globalnej.

15. Nazwij komponenty, które można wstrzyknąć jako zależność w AngularJS.

W AngularJS możesz wstrzykiwać sobie następujące komponenty jako zależności:

  • Wartość
  • Usługa
  • Fabryka
  • Stały
  • Dostawca

Znajdź odpowiedzi również na to pytanie: Dlaczego warto zostać pełnoprawnym programistą?

16. Jakie są etapy procesu kompilacji HTML?

Proces kompilacji HTML obejmuje następujące kroki:

  • Najpierw kod HTML jest przetwarzany na DOM przy użyciu standardowego interfejsu API przeglądarki.
  • W następnym kroku wywołanie metody $compile() służy do wykonania kompilacji DOM. Metoda przemierza DOM, aby dopasować dyrektywy.
  • Ostatni krok polega na połączeniu szablonu z zakresem przez wywołanie funkcji łączącej zwróconej z poprzedniego kroku.

17. Czym jest usługa w AngularJS?

Usługi to funkcje JavaScript zaprojektowane do wykonywania określonych zadań. Na przykład funkcja $https: służy do wykonywania wywołania AJAX w celu uzyskania danych serwera, podczas gdy funkcja $route służy do definiowania informacji o routingu. Takich usług, które mogą wykonywać określone zadania, jest znacznie więcej.

18. Zdefiniuj dyrektywę w AngularJS. Nazwij różne typy dyrektyw.

W AngularJS dyrektywa jest zachowaniem lub funkcją, która jest wyzwalana podczas procesu kompilacji, gdy napotkane zostaną określone konstrukcje HTML. Dyrektywy to znaczniki na elementach DOM (takich jak elementy, atrybuty, CSS itp.). Możesz ich także używać do tworzenia niestandardowych tagów HTML, które działają jak nowe, niestandardowe widżety.

Cztery podstawowe typy dyrektyw to:

  • Dyrektywy elementów
  • Dyrektywy atrybutów
  • Dyrektywy komentarzy
  • Dyrektywy klas CSS

19. Rozróżnij adnotację i dekorator w AngularJS.

W Angularze adnotacje są jedynym zestawem metadanych klasy, który używa biblioteki Reflect Metadata do tworzenia tablicy „adnotacji”. Z drugiej strony dekoratory to wzorce projektowe używane do oddzielania dekoracji lub modyfikacji klasy bez zmiany oryginalnego kodu źródłowego aplikacji.

20. Zdefiniuj kontrolery.

Kontrolery to funkcje JavaScript, które są powiązane z określonym zakresem. Ich głównym celem jest dostarczanie danych i logiki do interfejsu użytkownika HTML. Są głównymi aktorami we frameworku AngularJS, które kontrolują przepływ danych z serwera do interfejsu HTML. Ponadto kontrolery posiadają również funkcje do operowania na danych i określania, który widok wymaga aktualizacji, aby wyświetlić zaktualizowane dane oparte na modelu.

21. Jak prowadzone są logi w AngularJS?

Do prowadzenia dzienników w AngularJS używana jest usługa $log. Głównym celem usługi $log jest pomoc w debugowaniu i rozwiązywaniu problemów za pomocą metod wymienionych poniżej:

  • log() – Służy do zapisywania komunikatu dziennika w konsoli.
  • info()- Służy do pisania wiadomości informacyjnej.
  • warn()- Służy do pisania komunikatu ostrzegawczego.
  • error()- Służy do pisania komunikatu o błędzie.
  • debug() — służy do pisania komunikatu debugowania.

22. Zdefiniuj $rootscope w AngularJS. Czym różni się od Scope?

W AngularJS zarówno $rootscope, jak i $scope są obiektami, które są zwykle używane do udostępniania danych z kontrolera do przeglądania. Jednak te dwie rzeczy są zupełnie inne. Główną różnicą między $rootscope a $scope jest to, że podczas gdy ten pierwszy jest globalnie dostępny we wszystkich kontrolerach, $scope jest dostępny tylko w kontrolerach, które go utworzyły wraz z kontrolerami podrzędnymi.

23. Wymień niektóre przeglądarki obsługiwane przez AngularJS.

Oto niektóre przeglądarki obsługiwane przez AngularJS:

  • Mozilla Firefox
  • Google Chrome
  • Krawędź Microsft
  • IE Mobile
  • Safari (iOS)
  • IE 10,11

24. Jak włączyć tryb HTML5 w Angular 1.x?

Aby włączyć tryb HTML5 w Angular 1.x, musisz uruchomić kod podany poniżej:

angular.module('myApp', [ ])

.config(function($routeProvider, $locationProvider) {

$routeDostawca

.gdy('/', {

templateUrl : 'partials/home.html',

kontroler: główny Kontroler

})

// użyj interfejsu API historii HTML5

$locationProvider.html5Mode(true);

});

25. Nazwij wbudowane walidatory w AngularJS.

AngularJS obsługuje wszystkie standardowe atrybuty HTML5 do walidacji danych wejściowych. Oto niektóre z wbudowanych walidatorów w AngularJS:

  • Min
  • Maks.
  • Wymagany
  • Type=”numer” LUB type=”e-mail”

26. Jak wykonać wywołanie AJAX przy użyciu AngularJS?

Możesz użyć usługi $https: w AngularJS, aby wykonać wywołanie AJAX w celu odczytania danych z serwera. AngularJS wymaga, aby dane były w formacie JSON. Serwer tworzy wywołanie bazy danych w celu pobrania żądanych rekordów. Gdy dane są gotowe, usługa $https: może zostać użyta do pobrania danych z serwera, na przykład:

funkcja studentController($zakres,$https:) {

var adres URL = „dane.txt”;

$https:.get(url).success( function(odpowiedź) {

$zakres.uczniowie = odpowiedź;

});

}

27. Co to jest internalizacja w AngularJS?

W AngularJS internacjonalizacja odnosi się do metody używanej do wyświetlania informacji specyficznych dla lokalizacji na stronie internetowej. Na przykład strona internetowa wyświetlająca treści w języku angielskim w Stanach Zjednoczonych i duńskim we Francji musi być zinternalizowana zgodnie z lokalizacją.

AngularJS oferuje wbudowaną obsługę internacjonalizacji dla trzech rodzajów filtrów:

  • Data
  • Liczby
  • Waluta

28. Opisz kroki procesu uruchamiania AngularJS.

Kiedy ładujesz stronę w przeglądarce, uruchamia się proces uruchamiania AngularJS. Kroki są następujące:

  • Plik dokumentu HTML jest ładowany i oceniany przez przeglądarkę. Następnie ładowany jest plik AngularJS JavaScript i tworzony jest obiekt globalny.
  • W kolejnym kroku wykonywany jest plik JavaScript odpowiedzialny za rejestrację funkcji kontrolera.
  • AngularJS skanuje HTML, aby znaleźć aplikacje i widoki AngularJS. Gdy uda mu się znaleźć widok, łączy ten konkretny widok z odpowiednią funkcją kontrolera.
  • Wreszcie, AngularJS wykonuje funkcje kontrolera i renderuje widoki danymi z modelu zapełnionego przez kontroler, a strona jest gotowa do przeglądania przez użytkownika.

29. Do czego służą filtry w AngularJS?

Filtry służą do formatowania wartości wyrażenia i wyświetlania ich użytkownikowi. W AngularJS filtry są dodawane do szablonów, dyrektyw, kontrolerów i usług. Możesz także tworzyć niestandardowe filtry. Korzystając z filtrów, możesz uporządkować dane w taki sposób, aby wartość danych była wyświetlana tylko wtedy, gdy spełnia określone kryterium. Filtry są dodawane do wyrażeń kątowych za pomocą „|” znak, po którym następuje filtr

Wniosek

Oto 29 najczęściej zadawanych pytań i odpowiedzi podczas rozmowy kwalifikacyjnej AngularJS , które pomogą Ci przełamać lody z AngularJS.

Jeśli chcesz dowiedzieć się więcej o AngularJS, tworzeniu pełnego stosu, sprawdź dyplom PG upGrad i IIIT-B w tworzeniu oprogramowania pełnego stosu, który jest przeznaczony dla pracujących profesjonalistów i oferuje ponad 500 godzin rygorystycznych szkoleń, ponad 9 projektów i zadania, status absolwentów IIIT-B, praktyczne praktyczne projekty zwieńczenia i pomoc w pracy z najlepszymi firmami.

Miłej nauki!

Zostań programistą Full Stack

AKTUALIZACJA I DYPLOM PG IIIT-BANGALORE W ROZWOJU OPROGRAMOWANIA
Dowiedz się więcej@UPGRAD