48 top angularjs interview questions
Popis najčešće postavljanih pitanja za intervju s AngularJS s detaljnim odgovorima za svježe i iskusne profesionalce:
AngularJS je jedan od najaktualnijih okvira za web razvoj širom svijeta.
U gotovo svakom intervjuu morat ćete se boriti s jakom konkurencijom kako biste postigli vrhunac i dobili posao iz snova. Stoga biste se trebali pripremiti unaprijed.
Kako bismo vam pomogli na ovom putovanju, izradili smo popis najčešće postavljanih pitanja za intervju s AngularJS zajedno s odgovorima koje vaš anketar očekuje u vrijeme intervjua.
Pročitajte našu niz udžbenika za AngularJS za više znanja o konceptu. Kutomjer za ispitivanje AngularJS Aplikacije objašnjeno je u našem prethodnom vodiču.
Najčešće postavljana pitanja za intervju s AngularJS
Dolje je dat popis glavnih pitanja i odgovora na razgovoru na AngularJS-u koji će svima pomoći da uspješno očiste intervju.
Istražimo !!
P # 1) Što razumijete pod AngularJS?
Odgovor: AngularJS je JavaScript okvir koji se koristi za izradu bogatih i proširivih web aplikacija.
Radi na običnom JavaScript i HTML-u, stoga vam ne trebaju nikakve druge ovisnosti da bi to funkcioniralo. AngularJS je savršen za aplikacije na jednoj stranici (SPA). U osnovi se koristi za vezivanje JavaScript objekata s HTML UI elementima.
P # 2) Definirajte značajke AngularJS.
Odgovor: Značajke uključuju:
- Predložak (prikaz)
- Opseg (model)
- Upravljač (kontroler)
- Usluge
- Filteri
- Direktive
P # 3) Definirajte vezivanje podataka.
Odgovor: Vezanje podataka je automatsko usklađivanje podataka između prikaza i komponenata modela.
P # 4) Razlikovati izraze AngularJS i JavaScript.
Odgovor: Postoji nekoliko razlika između izraza AngularJS i JavaScript:
- Izraze AngularJS možemo pisati u HTML-u, ali ne možemo pisati JavaScript izraze u HTML-u.
- Ne možemo koristiti uvjetne iteracije, petlje i iznimke u AngularJS-u, ali možemo koristiti sva ta uvjetna svojstva u JavaScript izrazima.
- Filteri su podržani u AngularJS, dok filtri nisu podržani u JavaScript-u.
P # 5) Napišite sve korake za konfiguriranje a n Kutna aplikacija (u aplikaciji).
Odgovor: Za postavljanje kutne aplikacije moramo slijediti određene korake kako je spomenuto u nastavku:
- isprva će se stvoriti kutni.modul.
- Modulu će biti dodijeljen kontroler.
- Modul će biti povezan s HTML predloškom (tj. UI ili View) s kutnom aplikacijom (ng-app).
- HTML predložak bit će povezan s kontrolerom (tj. JS) direktivom ng-kontroler.
P # 6) Koji su kutni moduli?
Odgovor: Kutni moduli zajednički definiraju kutnu primjenu u koju možemo napisati kutni kod. Moduli sadrže različite dijelove kutne aplikacije. Modul se stvara pomoću funkcije angular.module u kutnom.
P # 7) Koji su opsezi direktiva u AngularJS?
Odgovor: Tri područja primjene dostupna su u AngularJS.
Oni su:
- Nadređeno područje: Bilo koju promjenu koju napravite u svojoj direktivi koja dolazi iz nadređenog opsega, također će se odraziti i na nadređeni opseg, a to je također zadani opseg.
- Područje djeteta: To je ugniježđeni opseg koji nasljeđuje svojstvo iz roditeljskog opsega. Također, ako bilo koja svojstva i funkcija na opsegu nisu povezani s roditeljskom direktivom opsega, tada se kreira nova podređena direktiva opsega.
- Izolirani opseg: Ponovno se upotrebljava i koristi se kada gradimo samostalnu direktivu. Koristi se samo za privatnu i internu upotrebu, što znači da ne sadrži nikakva svojstva nadređenog opsega.
P # 8) Kako možemo dijeliti podatke između kontrolera u AngularJS?
Odgovor: Prvo, moramo stvoriti uslugu. Usluga se koristi za razmjenu podataka između kontrolera u AngularJS na vrlo lucidan, jednostavan i najbrži način. Koristimo događaje, $ parent, sljedeći brat ili sestra i kontroler pomoću $ rootScope.
P # 9) Koji je probavni ciklus u AngularJs?
Odgovor: To je dio procesa vezivanja podataka u AngularJS. Uspoređuje staru i novu verziju vrijednosti modela opsega u svakom ciklusu sažetka.
Ciklus probavljanja pokreće se automatski. Također možemo poboljšati upotrebljivost pomoću $ apply () ako želimo ručno pokrenuti ciklus sažetka.
P # 10) Objasnite razlike između jednosmjernog i dvosmjernog vezivanja.
Odgovor: Jednosmjerno vezivanje koristi se za povezivanje podataka iz modela za prikaz bez automatskog ažuriranja HTML predloška ili prikaza.
Stoga, da bismo ažurirali HTML predložak, moramo napisati prilagođeni kôd koji će ažurirati prikaz svaki put kad god se podaci vežu od modela do prikaza.
Dok se dvosmjerno vezanje koristi za povezivanje podataka iz modela za prikaz i obrnuto (tj. Prikaz za model) automatskim ažuriranjem HTML predloška bez pisanja bilo kakvog prilagođenog koda.
P # 11) Razlika između sessionStorage, kolačića i localStorage.
Odgovor: Razlike su sljedeće:
- SessionStorage - Podaci se pohranjuju za određenu sesiju. Podaci će se izgubiti kad god se kartica preglednika zatvori ili nakon određene sesije. Maksimalna pohranjena veličina može biti do 5 MB.
- LocalStorage - Podaci se pohranjuju bez datuma isteka. Podaci se mogu obrisati samo JavaScriptom ili brisanjem predmemorije preglednika. Ograničenje pohrane maksimalno je od sessionStorage i kolačića.
- Kolačići - Pohranjuje podatke koje s određenim zahtjevima treba poslati natrag na poslužitelj. Istek kolačića razlikuje se o vrsti i trajanju postavljenoj na strani poslužitelja ili klijenta. Maksimalna pohranjena veličina može biti manja od 4 KB.
P # 12) Koja je uloga $ routeProvider u AngularJS?
Odgovor: $ RouteProvider je taj koji pomaže u navigaciji između različitih stranica / veza bez odvojenog učitavanja stranice / veze kad god korisnik klikne na vezu.
Za konfiguriranje routeProvider koristi se metoda ngRoute config ().
P # 13) Koja je razlika između $ scope i scope?
Odgovor: U AngularJS-u $ $ koristi se za postizanje uvođenja ovisnosti, a opseg se koristi za povezivanje između View (tj. HTML) i Controllera (tj. JS).
P # 14) Kako se koriste AngularJS prefiksi $ i $$?
Odgovor: $$ varijabla u AngularJS koristi se kao privatna varijabla, jer se koristi za sprečavanje slučajnog sudara koda s korisničkim kodom.
Prefiks $ može se koristiti za označavanje kutnih funkcionalnosti jezgre (poput varijable, parametra, svojstva ili metode).
P # 15) Gdje možemo implementirati DOM manipulaciju u AngularJS?
Odgovor: Manipulacija DOM-om nalazi se u direktivama, a osim toga ne bi trebala postojati ni u službama upravljača ni bilo gdje drugdje.
P # 16) Kako možemo pokazati da bi varijabla opsega trebala imati samo jednokratno vezivanje?
Odgovor: Da bismo pokazali jednokratno vezivanje, moramo koristiti “ :: ”Ispred opsega.
P # 17) Što je SPA (aplikacija na jednoj stranici) u AngularJS?
Odgovor: To je web aplikacija koja učitava jednu HTML stranicu i dinamički ažurira stranicu kad se korisnik poveže s aplikacijom.
Korištenjem AJAX-a i HTML-a SPA može stvoriti fluidnu i reaktivnu web aplikaciju bez invarijantnih ponovnih učitavanja stranica. Kroz to možemo napraviti prilagodljivo korisničko sučelje bez treperenja stranice.
P # 18) Koliko vrsta veziva podataka postoji u AngularJS?
Odgovor: AngularJS podržava jednosmjerno i dvosmjerno vezivanje.
Na jedan način vezanje ako promijenimo podatkovni model, neće biti dinamičke promjene koju ćete vidjeti u pogledu, ali u dvosmjernom vezivanju bit će dinamička promjena kad god se u podatkovnom modelu izvrši promjena.
P # 19) Koje su obvezujuće smjernice u AngularJ-ovima?
Odgovor: Obvezujuće smjernice uključuju:
- ng-vezati
- ng-bind-html
- ng-bind-predložak
- nevezivih
- ng-model
P # 20) Objasnite smjernice ng-bind i ng-bind-html.
Odgovor:
ng-vezati : To je direktiva koja zamjenjuje sadržaj HTML elementa vrijednošću dodijeljene varijable ili izraza.
Sadržaj HTML elementa promijenit će se promjenom vrijednosti varijable ili izraza.
To je kao ({{izraz}}) i sintaksa za to je,
ng-bind-html : To je direktiva koja na siguran način veže sadržaj za HTML element (pogled). Usluga $ sanitize koristi se za sanaciju sadržaja radi vezivanja u HTML element. Da biste to učinili, 'angular-sanitize.js' mora biti uključen u našu aplikaciju.
najbolji program za nadzor temp procesora
Sintaksa za pisanje ovoga,
P # 21) Objasnite ng-bind-template i ng-non-binvable.
Odgovor:
ng-bind-predložak : Zamjenjuje tekstualni sadržaj elementa interpolacijom predloška. Može sadržavati više dvostrukih kovrčavih oznaka.
Ne može se povezati : Određuje AngularJS da ne kompajlira sadržaj ovog HTML elementa i njegovih podređenih čvorova.
P # 22) Objasnite smjernicu ng-modela u AngularJs.
Odgovor: To može biti skok s prilagođenom kontrolom obrasca za unos HTML-a (poput unosa, tekstualnog područja i odabira) podataka aplikacije. Pruža ponašanje provjere valjanosti oblika s dvosmjernim vezanjem.
< input ng-bind='expression' />
P # 23) Definirajte tvorničku metodu u AngularJS.
Odgovor: Prilično je sličan usluzi, tvornice implementiraju obrazac modula u kojem tvorničkom metodom generiramo objekt koji se koristi za izgradnju modela.
U tvornici se objekt metode vraća na kraju stvaranjem novog objekta i dodavanjem funkcija kao svojstava.
Sintaksa :
module.factory(‘factoryName', function);
P # 24) Što je ng-repeat direktiva u AngularJS?
Odgovor: Prikazuje ili prevlači preko kolekcije predmeta i stvara DOM elemente. Redovito nadgleda izvor podataka kako bi ponovno prikazao predložak kao odgovor na promjenu.
Sintaksa:
{{stu.name}} {{stu. grade}}
P # 25) Što je kontroler u AngularJS?
Odgovor: Kontroler je JavaScript funkcija koja je vezana za navedeni opseg. Angular instancira novi objekt kontrolera i ubacuje novi opseg kao ovisnost.
Kontroler se može koristiti za postavljanje početnog stanja objekta opsega i za dodavanje ponašanja objekta. Kontroler se ne može koristiti za dijeljenje koda ili stanja između kontrolera, ali umjesto te usluge Angular može se koristiti.
P # 26) Što su filtri u AngularJS?
Odgovor: Glavno je djelovanje filtara modificirati podatke, tako da se mogu spojiti u izraz ili direktivu pomoću znaka cijevi (koristi se za primjenu filtara u kutnom simbolu cijevi koji je (|) ili je ovo simbol).
Filtar oblikuje vrijednost izraza za prikaz korisniku. Mogu se koristiti u predlošcima prikaza, kontrolerima ili uslugama, a lako možemo stvoriti i vlastiti filtar. Filtar je modul koji pruža AngularJS. Devet je dijelova filtra koje on osigurava.
Primjeri: valuta, datum, filter, JSON, limitTo itd.
P # 27) Što je ng-App direktiva u AngularJS?
Odgovor: Koristi se za definiranje aplikacije AngularJs. Određuje korijenski element aplikacije i čuva se u blizini ili oznake.
Unutar HTML dokumenta možemo definirati bilo koji broj direktiva ng-app, ali samo se jedna aplikacija AngularJS može automatski pokrenuti (automatski pokrenuti), a ostale aplikacije treba ručno pokrenuti.
Primjer:
My first expression: {{157 + 122}}
P # 28) Što je ng-switch u AngularJS?
Odgovor: Koristi se za uvjetnu razmjenu strukture DOM-a na predlošku koji se temelji na izrazu koji se temelji na opsegu.
Ova vam direktiva omogućuje prikaz ili skrivanje HTML elementa ovisno o izrazu.
P # 29) Čemu služi događaj dvostrukog klika u AngularJs?
Odgovor: Omogućuje vam da odredite prilagođeno ponašanje u slučaju dvostrukog klika miša na web stranici. Možemo ga koristiti (ng-dblclick) kao atribut HTML elementa poput,
...
P # 30) Što su ng-include i ng-click direktive u AngularJs?
Odgovor:
10 najboljih svjetskih tvrtki za istraživanje tržišta
ng-uključuju pomaže uključiti različite datoteke na glavnu stranicu. Direktiva ng-include uključuje HTML iz vanjske datoteke.
Uključeni sadržaj bit će uključen kao podređeni čvorovi navedenog elementa. Vrijednost atributa ng-include također može biti izraz koji vraća naziv datoteke.
Prema zadanim postavkama, uključena datoteka mora se nalaziti na istoj domeni kao i dokument.
ng-click može se koristiti u scenarijima kao što je kada kliknete gumb ili kada želite izvršiti bilo koju operaciju. Upućuje AngularJS što treba učiniti kada se klikne na HTML element.
Primjer:
OK
Gornji kod povećat će varijablu brojanja za jedan puta kad god se klikne gumb.
P # 31) Što je prijenos stanja reprezentacije (REST) u AngularJs?
Odgovor: REST je API stil koji djeluje preko HTTP zahtjeva.
Zatraženi URL identificira podatke kojima treba upravljati, a HTTP metoda identificira operaciju koju treba izvršiti. REST je stil API-ja, a ne formalna specifikacija, i postoji puno rasprava i neslaganja oko toga što RESTful jest, a što nije, što je termin koji se koristi za označavanje API-ja koji slijedi REST stil.
AngularJS je fleksibilan u pogledu načina na koji se konzumiraju RESTful web usluge.
P # 32) Koji su AngularJs Global API?
Odgovor: To je kombinacija globalne JavaScript funkcije koja se koristi za izvršavanje zadataka poput usporedbe objekata, ponavljanja objekata i pretvaranja podataka.
Postoje neke uobičajene API funkcije poput:
- kutni. mala slova: Pretvara niz u maleni niz.
- kutni. velika slova: Pretvara niz u niz velikih slova.
- kutni. isString: Vratit će true ako je trenutna referenca niz.
- kutni. isNumber: Vratit će vrijednost true ako je trenutna referenca broj.
P # 33) Što je metoda pružatelja usluga u AngularJs?
Odgovor: Pružatelj je objekt koji stvara objekt usluge dopuštajući mu da preuzme veću kontrolu.
$ get () metoda se koristi u dobavljaču koji vraća objekt usluge. Naziv usluge i tvornička funkcija argumenti su koji se prosljeđuju u metodu davatelja. AngularJS koristi $ provide za registraciju novih davatelja usluga.
Sintaksa:
serviceApp.provider('logService', function ())
P # 34) Što je upravljanje događajima?
Odgovor: Rukovanje događajima u AngularJs vrlo je korisno kada želite stvoriti napredne AngularJs aplikacije.
Moramo obrađivati DOM događaje poput klikova mišem, pomicanja, pritiskanja tipkovnice, promjene događaja i tako dalje. AngularJs ima neke smjernice slušatelja poput ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup itd.
P # 35) Što je AngularJs DOM?
Odgovor: AngularJs imaju neke direktive koje se koriste za enkapsuliranje podataka aplikacije AngularJs u onemogućeni atribut HTML elemenata.
Primjer: Direktiva ng-disabled enkapsulira podatke aplikacije u onemogućene atribute HTML DOM elementa.
Click Me!
Button
{{ mySwitch }}
P # 36) Koji su atributi koji se mogu koristiti tijekom stvaranja novih AngularJs direktiva?
Odgovor: Postoji nekoliko atributa koji se mogu koristiti tijekom stvaranja nove direktive.
Oni uključuju:
- Predložak: Unutarnji predložak opisuje kao niz.
- URL predloška: Ovaj atribut specificira AngularJs HTML kompajler da zamijeni prilagođenu direktivu unutar predloška s HTML sadržajem smještenim u zasebnoj datoteci.
- Zamijeniti: Zamjenjuje trenutni element ako je uvjet istinit ako je false dodaje ovu direktivu trenutnom elementu.
- Isključi: Omogućuje vam premještanje izvornih podređenih dijelova direktive na mjesto unutar novog predloška.
- Opseg: Stvara novi opseg za ovu direktivu, a ne nasljeđivanje roditeljskog opsega.
- Kontroler: Stvara kontroler koji objavljuje API za komunikaciju kroz direktive.
- Zahtijevaj: Potrebna je prisutnost druge direktive za učinkovito funkcioniranje trenutne direktive.
- Veza: Izmjenjuje rezultirajuće instance DOM elementa, dodaje slušatelje događaja i postavlja povezivanje podataka.
- Sastaviti: Mijenja DOM predložak za značajke u kopijama direktive, kao kad se koristi u drugim direktivama. Vaša funkcija kompajliranja također može vratiti funkcije veze za izmjenu rezultirajućih instanci elemenata.
P # 37) Jesu li ugniježđeni kontroleri mogući ili ne u AngularJ-ovima?
Odgovor: Da, moguće je jer su ugniježđeni kontroleri dobro definirani na klasificiran način dok koriste pogled.
P 38) Je li AngularJS prikladan za sve preglednike?
Odgovor: Da, kompatibilan je sa svim preglednicima kao što su Safari, Chrome, Mozilla, Opera, IE itd., Kao i s mobilnim preglednicima.
P 39) Definirajte usluge u AngularJS.
Odgovor: Usluge AngularJS su pojedinačni objekti ili funkcije koji se koriste za izvršavanje određenih zadataka. Prihvaća neke korporativne ideje i te se svrhe mogu nazvati kontrolerima, direktivama, filtrima i tako dalje.
P 40) Objasnite prednosti AngularJS-a.
Odgovor: Prednosti uključuju:
- Podržava MVC obrazac.
- Organizirajte dva načina vezivanja podataka pomoću AngularJS-a.
- Podržava međusobnu komunikaciju klijent-poslužitelj.
- Podržava simulacije.
P # 41) Razlika između usluga i tvornice.
Odgovor: Tvornice su funkcije koje vraćaju objekt, dok su usluge konstruktorske funkcije objekta koje koristi nova ključna riječ.
Sintaksa:
Tvornica - module.factory (`ime tvornice`, funkcija);
Servis - module.service (`serviceName`, funkcija);
P # 42) Ako su i tvornica i usluga jednaki, kada ih trebam koristiti?
Odgovor: Tvornička usluga preferira se pomoću objekta, dok se davatelj usluga preferira s klasom.
Q # 43) Razlika između AngularJS i React.JS.
Odgovor: AngularJS je JS okvir zasnovan na jeziku TypeScript koji je Google objavio u listopadu 2010. godine. To je potpuno besplatan okvir i otvoreni izvor koji se koristi u SPA projektima (tj. Projektima s jednom stranicom).
React.JS je javascript biblioteka koju je Facebook razvio u ožujku 2013. za izgradnju korisničkog sučelja. Komponente React mogu se koristiti na nekoliko stranica, ali ne i kao SPA (tj. Jednostruka aplikacija).
Q # 44) Razlika između direktive ng-bind i ng-model.
Odgovor: ng-bind direktiva ima jednosmjerno vezanje podataka, podaci teku samo od objekta do korisničkog sučelja, a ne obrnuto (tj. $ scope >> view), a ng-model direktiva ima dvosmjerna vezanja podataka, tokovi podataka između korisničkog sučelja do objekta i vice obrnuto (tj. $ scope >> prikaz i prikaz >> $ scope).
P # 45) Koja je razlika između AJAX-a i AngularJS-a?
Odgovor: AJAX je kratica od Asinkroni JavaScript koji se koristi za slanje i dobivanje odgovora s poslužitelja bez učitavanja stranice.
Dok je AngularJS JavaScript JavaScript zasnovan na jeziku strojopisa koji slijedi MVC obrazac.
P # 46) Definirajte ng-if, ng-show i ng-hide.
Odgovor: ng-if direktiva koristi se kao klauzula koja uklanja HTML element ako izraz postane netačan.
Sintaksa
ng-show direktiva koristi se za prikaz HTML elementa ako izraz postane istinit. A ako izraz postane netačan, tada će HTML element biti skriven.
Sintaksa
Direktiva ng-hide koristi se za skrivanje HTML elementa ako izraz postane lažan.
Sintaksa
I ng-show i ng-hide koriste metodu svojstva display.
P # 47) Koja je razlika između ngRoute i ui-routera?
Odgovor: ngRoute je modul koji je razvio angularJS tim koji je bio dio jezgrovitog angularJS okvira. Dok je ui-router razvila nezavisna zajednica kako bi prevladala probleme ngRoute-a.
ngRoute je usmjeravanje temeljeno na lokaciji ili URL-u, a ui-usmjerivač je usmjeravanje temeljeno na državi koje omogućuje ugniježđene poglede.
P # 48) Kako postaviti, dobiti i očistiti kolačiće u AngularJ-ovima?
Odgovor: AngularJS ima modul nazvan ngCookies, pa prije ubrizgavanja ngCookies u aplikaciju treba uključiti angular-cookies.js.
- Postavite kolačiće - Metoda stavljanja koristi se za postavljanje kolačića u formatu ključ / vrijednost.
$cookies.put(“username”, $scope.username);
- Nabavite kolačiće - Način Get koristi se za dobivanje kolačića.
$cookies.get(‘username’);
- Izbriši kolačiće - Način uklanjanja koristi se za uklanjanje kolačića.
$cookies.remove(‘username’);
Zaključak
Siguran sam da bi vam ovaj članak pomogao da razumijete osnove i naprednu razinu AngularJS-a.
Ovaj set pitanja i odgovora na intervjuu za AngularJS koji su ovdje navedeni omogućit će vam da uspješno razbijete bilo koji intervju s AngularJS na svježijoj i iskustvenoj razini. To su česta pitanja koja se postavljaju u intervjuima. To je sve za sada.
Ovaj članak pomoći će vam da razbijete i suočite se s bilo kojim intervjuom povezanim s AngularJS !! Nadam se da ste uživali u čitavom nizu vodiča u ovoj AngularJS seriji !!
Preporučena literatura
- Intervjuirajte pitanja i odgovore
- Pitanja i odgovori za ispitivanje ETL-a
- Neka nezgodna ručna ispitivanja Pitanja i odgovori
- 25 najboljih agilnih testova Intervju pitanja i odgovori
- Spock intervju pitanja s odgovorima (najpopularnije)
- Neka zanimljiva pitanja za ispitivanje softverskog testiranja
- Top 20+ .NET intervjua. Pitanja i odgovori
- Top 51 pitanja i odgovori za intervju za Bootstrap