Azt tervezi, hogy interjúra készül az Angular Developer posztjára? Nos, a legjobb, ha felkészülsz ezekkel a szögletes interjúkérdésekkel.
Ha Ön JavaScript-fejlesztő, akkor ismerheti az Angular keretrendszert a front-end fejlesztéshez. Ez az egyik legkeresettebb készség lett a fejlesztők számára a jelen világban.
Azonban kissé nehéz lehet az Angular keretrendszer megfelelő megértése. Ilyen esetben elengedhetetlen, hogy mindenre felkészülj, amit a kérdező tud veled dobni. A direktíváktól a keretrendszerekig segít egy interjún, és abban a munkában, amely új szintre emelheti karrierjét.
Összeválogattunk néhányat a legnépszerűbb szögletes interjúkérdések közül, amelyekre fel kell készülnie álmai állása megszerzésére.
Tartalomjegyzék
Mi az Angular Expression? Miben különböznek a JavaScript-kifejezéstől?
Az Angular Expression egy kódrészlet, amelyet a kódolók {{ kifejezés }} kötésben helyeznek el. A lényeges különbségek az Angular és a JavaScript kifejezések között a következők:
- A formátumadatok megjelenítése előtt egyszerű a szűrők használata.
- Az értékelés elnéző az undefined és a null számára a JavaScript undefined helyett, amely ReferenceError-t és TypeError-t generál.
- Egy hatókör objektumhoz képest értékelve.
- A szögkifejezések kivételeket, feltételes feltételeket és ciklusokat tartalmaznak.
Magyarázza el az adatkötést.
Az adatkötés az egyik legbefolyásosabb és leglényegesebb tulajdonság, amely kapcsolatot létesíthet a komponensek és a DOM között. Egyszerűen definiálható az interaktív alkalmazások folyamata anélkül, hogy aggódnia kellene a sablonok és komponensek lehúzása és lenyomása miatt. Az Angularban többféle adatkötést használnak, mint pl
- Tulajdonkötés,
- kétirányú adatkötés,
- Rendezvénykötés, ill
- String interpoláció.
Vezessen bepillantást az Angular különböző életciklusú horgjaiba.
Az Angular életciklus horgjai népszerűek a triggerek és a fázisváltozások ellenőrzésekor egy adott fázis teljes időtartama alatt. Az életciklus-komponens tartalmazza a Constructort, amely négy fő részre oszlik: ngOchanges, ngOnInit, ngDoCheck és ngOnDestroy. Az ngOchanges az ngAfterViewInit, az ngAfterContentInit, az ngAfterViewChecked és az ngAfterContentChecked programokat is tartalmazza.
- ngOnchanges( ) – Ha egy (vagy több) bemeneti tulajdonság megváltozik az összetevőkben, ez a metódus meghívásra kerül. A tulajdonságok korábbi és aktuális értékeit a hook – SimpleChanges fogadja.
- ngOnInit( ) – Az ngOchanges után következik, hogy inicializálja a bemeneti tulajdonságokat és összetevőket.
- ngDoCheck( ) – A harmadik szakaszban lép fel, és olyan változásokat észlel, amelyek az Angular segítségével lehetetlenek. Ezzel a horoggal gyorsan megvalósítható egy változásérzékelő algoritmus.
- ngAfterContentInit( ) – Egy másik hook az, hogy válaszolni kell, miután egy tartalomprojektet bevittek az összetevőbe.
- ngAfterContentChecked( ) – A következő az ngAfterContentChecked, amely minden további ngDoCheck után meghívásra kerül, és az ngAftercontentInit a kivetített tartalom után válaszol.
- ngAfterViewInit( ) – A következő hook a híváshoz az ngAfterViewInit, amely az utódkomponens nézetére válaszol az összetevő nézetének ellenőrzése után.
- ngOnDestroy( ) – Segít az eseménykezelők leválasztásában és a kód megtisztításában, mielőtt az Angular megsemmisíti az összetevőt.
Mi a különbség az AOT és a JIT között Angularban?
Sokan összetévedhetnek az AOT és a JIT fordító között az Angularban, ezért elengedhetetlen az alapok ismerete:
- Az idő előtti (AOT) fordító a kódot a kiszolgálón fordítja le az összeállítás időpontjában. Ugyanakkor a Just-in-Time (JIT) fordító futási időben van az alkalmazás böngészőjében.
- Az AOT ideális termelési módhoz, míg a JIT a fejlesztési módhoz, amely képes kódot fordítani az Angular projektben.
- Az AOT-fordítás ng serve és ng build parancsokat tartalmaz, míg a JIT-fordítás ng serve és ng build CLI parancsokat tartalmaz.
- Az AOT csökkentheti a köteg méretét a gyorsabb megjelenítés érdekében, míg a JIT hibakeresést és a fájlok leképezésére szolgáló főbb funkciók megvalósítását tartalmazza.
Magyarázza el az RxJS-t.
A Reactive Extensions for JavaScript (RxJS) megfigyeléseket használ, amelyek lehetővé teszik a fejlesztők számára, hogy reaktív programozást hajtsanak végre. A cél a visszahívás alapú kód vagy aszinkron műveletek összeállítása az Angular RxJS keretrendszerével. Segíthet az adatok streamelésében a kiadóktól értékeket kibocsátó előfizetők számára. Ha nem használja az Angular-t, más programozási nyelvek, például a Python és a Java is használhatják a reaktív kódot használó megfigyeléseket.
Merüljön el a különböző típusú szögszűrőkben.
Az Angular egy szűrőt használ annak megjelenítésére, hogy a felhasználók formázzák a sablonokhoz, direktívákhoz, szolgáltatásokhoz és vezérlőkhöz hozzáadható kifejezésértéket. A követelmények alapján személyre szabott szűrőket lehet létrehozni, amelyek lehetővé teszik a felhasználók számára, hogy kritériumok alapján rendezzék az adatokat. A csőszimbólum ( | ) után szűrők kerülnek a kifejezésbe. Az Angularban használt elsődleges szűrők a következők:
- szám – Az érték karakterláncsá alakítása
- pénznem – Számok konvertálása pénznem formátumba
- json – Bármely objektum konvertálása JSON-karakterláncra
- dátum – Konvertálása bármilyen dátumformátumba
- limitTo – A tömb vagy karakterlánc korlátozása adott karakterláncokra vagy elemekre
- orderBy – Elrendezi a tömböt a kifejezésben
- nagybetűs – Karakterlánc átalakítása nagybetűssé
- kisbetűs – Karakterlánc átalakítása kisbetűssé
- szűrő – Válassza ki a részhalmazt az adott tömbből
Határozza meg a bootstrapping fogalmát.
A Bootstrapping egy módja annak, hogy elindítsuk vagy inicializáljuk az alkalmazást Angular rendszerben, legyen az automatikus vagy manuális. Segítünk jobban megérteni:
- Ha szükséges, az ng-app direktívák címkéhez való hozzáadásakor az automatikus rendszerindítás is szerepel. Az Angular összeállítja a DOM-ot, és az ng-app direktívával van társítva.
- A kézi rendszerindítás célja az Angular alkalmazás inicializálása, és a fejlesztők számára az irányítás felajánlása az oldal összeállításához szükséges jelentős műveletek és feladatok elvégzéséhez.
Vessen egy pillantást az Angular direktívákra.
Amikor a szögirányelvekről van szó, három jelentős típus létezik, mint például:
- Attribútum – Ezzel megváltoztatható az elemek, egy másik direktíva és az összetevők viselkedése és megjelenése. Az ngStyle-t és az ngClass-t használja az elemek attribútumaként.
- Összetevők – Sablonokból áll, amelyek CSS-stílusok, TypeScript-kód és HTML-sablon segítségével egyetlen felhasználói felületet határozhatnak meg. Általában @ szimbólummal díszítik, ami egy szögletes fordítóprogramot ad, amely helyettesíti a komponens sablonokkal.
- Strukturális – Megváltoztatja a nézet szerkezetét, hogy elrejtse vagy megjelenítsen bizonyos adatokat különböző direktívák, például ngIf direktívák használatával.
Következtetés
Ezek azok a lényeges kérdések és válaszok, amelyeket az Angular interjúkban általában feltesznek. Segít felkészülni az interjúra, megcsinálni, és megszerezni álmai állását.
Ha ezzel végzett, tudjon meg többet az AngularJS-ről.
Élvezettel olvasta a cikket? Mit szólnál a világgal való megosztáshoz?