Angular面試題匯總及答案

Angular面試題匯總及答案

AngularJS是一個JavaScript框架，是一個以JavaScript編寫的庫。它可通過script標簽添加到HTML頁面，通過指令擴展HTML，且通過表達式綁定數(shù)據(jù)到HTML。作為目前流行的框架之一，Angular始終是企業(yè)聘請考察的重點，接下來就給大家共享經(jīng)典Angular面試題。

1、什么是Angular？

Angular是基于typescript編程語言的，開源的網(wǎng)絡應用開發(fā)框架。是由谷歌提倡開發(fā)和維護的。它使用簡潔，功能強大，可以快速搭建前端網(wǎng)絡應用。

它供應了許多特別優(yōu)秀的功能，比如說聲明性的模板，依靠注入，端到端的工具，等等可以為網(wǎng)絡應用開發(fā)供應便利。

2、解釋Angular2應用程序的生命周期hooks是什么？

Angular2組件/指令具有生命周期大事，是由@angular/core管理的。@angular/core會創(chuàng)建組件，渲染它，創(chuàng)建并呈現(xiàn)它的后代。

當@angular/core的數(shù)據(jù)綁定屬性更改時，處理就會更改，在從DOM中刪除其模板之前，就會銷毀掉它。Angular供應了一組生命周期hooks（特別大事），可以被分接到生命周期中，并在需要時執(zhí)行操作。

構(gòu)造函數(shù)會在全部生命周期大事之前執(zhí)行。每個接口都有一個前綴為ng的hook方法。例如，ngOnint界面的OnInit方法，這個方法必需在組件中實現(xiàn)。

3、大事放射器如何在Angular2中工作的？

Angular2不具有雙向digestcycle，這是與Angular1不同的。在Angular2中，組件中發(fā)生的任何轉(zhuǎn)變總是從當前組件傳播到其全部子組件中。假如一個子組件的更改需要反映到其父組件的層次結(jié)構(gòu)中，我們可以通過使用大事放射器api來發(fā)出大事。

簡而言之，EventEmitter是在@angular/core模塊中定義的類，由組件和指令使用，用來發(fā)出自定義大事。

4、如何優(yōu)化Angular2應用程序來獲得更好的性能？

優(yōu)化取決于應用程序的類型和大小以及很多其他因素。一般來說，在優(yōu)化Angular2應用程序時要考慮以下幾點：

1）考慮AOT編譯。

2）確保應用程序已經(jīng)經(jīng)過了捆綁，uglify和treeshaking。

3）確保應用程序不存在不必要的import語句。

4）確保應用中已經(jīng)移除了不使用的第三方庫。

5）全部dependencies和dev-dependencies都是明確分別的。

6）假如應用程序較大時，我會考慮延遲加載而不是完全捆綁的應用程序。

5、什么是ShadowDOM？它如何關心Angular2更好地執(zhí)行？

ShadowDOM是HTML規(guī)范的一部分，它允許開發(fā)人員封裝自己的HTML標記，CSS樣式和JavaScript。ShadowDOM以及其它一些技術，使開發(fā)人員能夠像audio標簽一樣構(gòu)建自己的一級標簽，Web組件和API?？偟膩碚f，這些新的標簽和API被稱為Web組件。ShadowDOM通過供應了更好的關注分別，通過其它的HTMLDOM元素實現(xiàn)了更少的樣式與腳本的沖突。

由于shadowDOM本質(zhì)上是靜態(tài)的，同時也是開發(fā)人員無法訪問的，所以它是一個很好的候選對象。由于它緩存的DOM將在掃瞄器中呈現(xiàn)得更快，并供應更好的性能。

此外，還可以相對很好地管理shadowDOM，同時檢測Angular2應用的轉(zhuǎn)變，并且可以有效地管理視圖的重新繪制。

6、service怎么使用？

AngularJS中你可以創(chuàng)建自己的服務，或使用內(nèi)建服務。

使用Module的provider方法；

使用Module的factory方法；

使用Module的service方法；

三種方法的比較：

需要在config中進行全局配置的話，只能選擇provider方法，factory和service是使用比較頻繁的創(chuàng)建服務的方法。

它們之間的唯一區(qū)分是：service方法用于注入的結(jié)果通常是new出來的對象，factory方法注入的結(jié)果通常是一系列的functions；

provider是創(chuàng)建服務最為簡單的方法，除非你需要創(chuàng)建一個可以復用的代碼段并且需要進行全局配置，才需要使用provider創(chuàng)建；

全部具有特定性目的的對象都是通過factory方法去創(chuàng)建。

7、Angular和Angularjs的區(qū)分是什么？

Angularjs支持的是mvc設計模型。Angular是基于組件和directives的。

Angular支持依靠注入，Angularjs不支持。

Angularjs的ngdirective需要image,屬性和一個大事,angular只需要括號和方括號來綁定數(shù)據(jù)屬性和大事就可以了。

Angularjs不支持移動設備的開發(fā)。Angular支持手機開發(fā)。

Angularjs的首推語言是JavaScript。Angular的首推語言是typescript.

路徑設置上，angularjs使用的是routeprovider。Angular使用的是routeconfig.

在開發(fā)速度上，Angular要快于Angularjs。

在運行速度上，angular也要快于angularjs。

Angular的整個程序的架構(gòu)比angularjs更清楚，更簡潔，更簡單維護。

目前Angularjs已經(jīng)沒有官方的維護和更新支持了。Angular官方維護和更新都做得很好。

8、Angular的核心部件有哪些？

共有9個，一個是ponents，另外一個是databinding，再一個是dependencyinjection,然后是directives，再就是metadata，然后是modules，再就是routing，還有services，最終一個是template。

9、什么是數(shù)據(jù)綁定？在Angular中有幾種方式？

連接程序中的數(shù)據(jù)跟視圖的方式稱為數(shù)據(jù)綁定。

一共有三種方式。一種是大事綁定，這種方式使得應用程序可以對用戶的輸入做出反應。另一種是屬性綁定。這種方式是從應用數(shù)據(jù)向html傳遞數(shù)據(jù)。最終一種方式是雙向綁定。這種綁定可以支持用程序數(shù)據(jù)的修改影響視圖，同時視圖上數(shù)據(jù)的改動也會影響到應用程序的數(shù)據(jù)。

10