8 пытанняў і адказаў Angular Interview [2022]

Ці плануеце вы прайсці сумоўе на пасаду Angular Developer? Што ж, лепш за ўсё падрыхтавацца да гэтых пытанняў для інтэрв’ю Angular.

Калі вы з’яўляецеся распрацоўшчыкам JavaScript, вы можаце ведаць фреймворк Angular для інтэрфейснай распрацоўкі. Гэта стала адным з самых запатрабаваных навыкаў для распрацоўшчыкаў у сучасным свеце.

Аднак добрае разуменне фрэймворка Angular можа быць крыху складана. У такім выпадку вельмі важна быць гатовым да ўсяго, што можа кінуць вам інтэрв’юер. Гэта дапаможа вам прайсці сумоўе і атрымаць працу, якая выведзе вашу кар’еру на новы ўзровень, ад інструкцый да рамак.

Мы адсартавалі некаторыя з самых папулярных пытанняў інтэрв’ю Angular, да якіх вы павінны быць гатовыя, каб атрымаць працу сваёй мары.

Што такое вуглавы выраз? Чым яны адрозніваюцца ад JavaScript Expression?

Angular Expression – гэта фрагмент кода, які кодэры змяшчаюць у прывязку {{ выраз }}. Істотная розніца паміж выразамі Angular і JavaScript:

  • Лёгка выкарыстоўваць фільтры перад адлюстраваннем дадзеных фармату.
  • Ацэнка даруе undefined і null замест JavaScript undefined, які генеруе ReferenceError і TypeError.
  • Ацэньваецца адносна аб’екта вобласці.
  • Вуглавыя выразы ўключаюць выключэнні, умоўныя выказванні і цыклы.

Растлумачце прывязку даных.

Прывязка даных лічыцца адной з найбольш уплывовых і істотных функцый, якія могуць усталяваць сувязь паміж кампанентамі і DOM. Проста вызначыць працэс інтэрактыўных прыкладанняў, не клапоцячыся аб выцягванні і прасоўванні шаблонаў і кампанентаў. У Angular выкарыстоўваецца некалькі тыпаў прывязкі даных, напрыклад

  • Прывязка ўласцівасці,
  • Двухбаковая прывязка дадзеных,
  • Прывязка да мерапрыемства, і
  • Інтэрпаляцыя радкоў.
Праверце гэта:  12 спосабаў усталяваць бяспечнае злучэнне ў Chrome

Дайце магчымасць зазірнуць у розныя хукі жыццёвага цыкла Angular.

Хукі жыццёвага цыкла Angular папулярныя пры праверцы трыгераў і змен фаз на працягу ўсёй працягласці пэўнай фазы. Кампанент жыццёвага цыкла ўключае канструктар, які падзелены на чатыры асноўныя часткі: ngOchanges, ngOnInit, ngDoCheck і ngOnDestroy. ngOchanges таксама аб’ядноўвае ngAfterViewInit, ngAfterContentInit, ngAfterViewChecked і ngAfterContentChecked.

  • ngOnchanges() – гэты метад выклікаецца, калі ў кампанентах змяняюцца адна (або некалькі) уласцівасцей уводу. Папярэднія і бягучыя значэнні уласцівасцяў атрыманы ў хук – SimpleChanges.
  • ngOnInit() – Ён ідзе пасля ngOchanges для ініцыялізацыі набораў уласцівасцей і кампанентаў уводу.
  • ngDoCheck() – Ён прыходзіць на трэцім этапе, каб дзейнічаць і выяўляць змены, якія немагчымыя з Angular. З дапамогай гэтага хука можна хутка рэалізаваць алгарытм выяўлення змяненняў.
  • ngAfterContentInit() – яшчэ адзін хук – адказ пасля таго, як адзін праект атрымае кантэнт у кампаненце.
  • ngAfterContentChecked() – Далей ідзе ngAfterContentChecked, які выклікаецца пасля кожнага наступнага ngDoCheck і ngAftercontentInit, які адказвае пасля праецыраванага змесціва.
  • ngAfterViewInit() – наступны хук для выкліку ngAfterViewInit для адказу на прагляд даччынага кампанента пасля праверкі прагляду кампанента.
  • ngOnDestroy() – дапамагае адлучыць апрацоўшчыкі падзей і ачысціць код перад тым, як Angular знішчыць кампанент.

У чым розніца паміж AOT і JIT у Angular?

Многія могуць заблытацца паміж AOT і JIT-кампілятарам у Angular, і таму вельмі важна ведаць асновы:

  • Кампілятар Ahead-of-Time (AOT) кампілюе код на серверы падчас зборкі. У той жа час кампілятар Just-in-Time (JIT) знаходзіцца падчас выканання ў браўзеры для прыкладання.
  • AOT ідэальна падыходзіць для рэжыму вытворчасці, тады як JIT – для рэжыму распрацоўкі, які можа кампіляваць код у праекце Angular.
  • Кампіляцыя AOT уключае каманды ng serve і ng build, тады як кампіляцыя JIT уключае каманды CLI ng serve і ng build.
  • AOT можа паменшыць памер пакета для больш хуткага рэндэрынгу, у той час як JIT пастаўляецца з адладкай і рэалізацыяй асноўных функцый для адлюстравання файлаў.
Праверце гэта:  Як наладзіць Plex для трансляцыі фільмаў і тэлеперадач праз Chromecast [Guide]

Растлумачце RxJS.

Рэактыўныя пашырэнні для JavaScript (RxJS) выкарыстоўваюць назіраныя, што дазваляе распрацоўшчыкам выконваць рэактыўнае праграмаванне. Мэта складаецца ў тым, каб стварыць код на аснове зваротнага выкліку або асінхронныя аперацыі з выкарыстаннем фрэймворка RxJS у Angular. Гэта можа дапамагчы ў струменевай перадачы даных абанентам, перадаючы каштоўнасці ад выдаўцоў. Калі вы не выкарыстоўваеце Angular, іншыя мовы праграмавання, такія як Python і Java, могуць выкарыстоўваць назіраныя з дапамогай рэактыўнага кода.

Паглыбіцеся ў розныя тыпы фільтраў Angular.

Angular выкарыстоўвае фільтр, каб паказаць карыстальнікам фарматаванне значэння выразу, якое можна дадаць у шаблоны, дырэктывы, службы і кантролеры. Можна ствараць персаналізаваныя фільтры на аснове патрабаванняў, якія дазваляюць карыстальнікам арганізоўваць дадзеныя на аснове крытэрыяў. Пасля сімвала вертыкальнай лініі ( | ) у выразе размяшчаюцца фільтры. Асноўныя фільтры, якія выкарыстоўваюцца ў Angular:

  • лік – Каб пераўтварыць значэнне ў радок
  • валюта – Пераўтварэнне лікаў у фармат валюты
  • json – Пераўтварэнне любога аб’екта ў радок JSON
  • дата – Пераўтварэнне яе ў любы фармат даты
  • limitTo – абмежаваць масіў або радок пэўнымі радкамі або элементамі
  • orderBy – упарадкоўвае масіў у выразе
  • uppercase – Пераўтварэнне радка ў верхні рэгістр
  • ніжні рэгістр – пераўтварэнне радка ў малы рэгістр
  • фільтр – Выберыце падмноства з дадзенага масіва

Вызначце пачатковую загрузку.

Загрузка – гэта спосаб запуску або ініцыялізацыі прыкладання ў Angular, аўтаматычны або ручной. Дазвольце нам дапамагчы вам зразумець гэта лепш:

  • Аўтаматычная загрузка ўключаецца пры даданні дырэктываў ng-app у тэг, калі патрабуецца. Angular кампілюе DOM і звязаны з дырэктывай ng-app пошуку модуля.
  • Ручная загрузка павінна ініцыялізаваць прыкладанне Angular і прапанаваць распрацоўшчыкам кантроль для выканання важных аперацый і задач для кампіляцыі старонкі.
Праверце гэта:  Як знайсці індэкс якасці паветра для горада з дапамогай пошуку Google

Праліце ​​святло на дырэктывы Angular.

Калі справа даходзіць да дырэктываў Angular, ёсць тры істотныя віды, такія як:

  • Атрыбут – выкарыстоўваючы гэта, можна змяняць паводзіны і знешні выгляд элементаў, іншую дырэктыву і кампаненты. Ён выкарыстоўвае ngStyle і ngClass у якасці атрыбутаў элементаў.
  • Кампаненты – складаецца з шаблонаў, якія могуць вызначаць адзіны карыстацкі інтэрфейс з дапамогай стыляў CSS, кода TypeScript і шаблона HTML. Звычайна ён упрыгожаны сімвалам @, які дазваляе кампілятару angular замяніць яго шаблонамі кампанентаў.
  • Структурны – ён змяняе структуру прагляду, каб схаваць або паказаць некаторыя даныя з дапамогай розных дырэктываў, такіх як дырэктывы ngIf.

Заключэнне

Гэта важныя пытанні і адказы, якія звычайна задаюць у інтэрв’ю Angular. Гэта дапаможа вам падрыхтавацца да сумоўя, справіцца з ім і атрымаць працу вашай мары.

Калі вы скончылі з гэтым, даведайцеся больш пра AngularJS.

Спадабалася чытаць артыкул? Як наконт таго, каб падзяліцца з усім светам?