angularjs：https://segmentfault.com/a/1190000005836443

類型一：angular.js 幾大特性總結(jié)：

1.MVC

2.數(shù)據(jù)雙向綁定

3.依賴注入

4.指令

MVC

MVC 大家應(yīng)該都比較熟悉了些侍，M即模型model，V即視圖view，C即控制器controller套像。這背后的核心理念是：

把管理數(shù)據(jù)的代碼（model），應(yīng)用邏輯代碼（controller），以及向用戶展示數(shù)據(jù)的代碼（view）清晰的分離開。

在 Angular 應(yīng)用中蒸健，視圖就是 Document Object Model (DOM，文檔對象模型)婉商，控制器就是 javascript 類似忧，而模型數(shù)據(jù)則被存儲在對象的屬性中。

數(shù)據(jù)雙向綁定

Angular實(shí)現(xiàn)了雙向綁定機(jī)制丈秩。所謂的雙向綁定盯捌，是從界面的操作能實(shí)時(shí)反映到數(shù)據(jù)，數(shù)據(jù)的變更能實(shí)時(shí)展現(xiàn)到界面蘑秽。

依賴注入

依賴注入是一種軟件設(shè)計(jì)模式饺著，用來處理代碼的依賴關(guān)系。

簡單說說依賴注入

一般來說有三種方法讓函數(shù)獲得它的需要的依賴：

它的依賴是能被創(chuàng)建的肠牲，一般用new操作符就行

能夠通過全局變量查找依賴

依賴能在需要時(shí)被導(dǎo)入

前兩種方式都不是很好幼衰，因?yàn)樗鼈冃枰獙σ蕾囉簿幋a，使得修改依賴的時(shí)候變得困難缀雳。特別是在測試的時(shí)候不好辦渡嚣，因?yàn)閷δ硞€(gè)部分進(jìn)行孤立的測試常常需要模擬它的依賴。

第三種方式是最好的，因?yàn)樗槐卦诮M件中去主動需找和獲取依賴严拒，而是由外界將依賴傳入扬绪。

functionhelloCtrl($scope){varvm = $scope;}

如上例所示，只需要把 $scope 對象放在 helloCtrl 的構(gòu)造函數(shù)里面裤唠，然后就可以后去它。

其他的 angular 的 service 如：$location莹痢，$http种蘸，$local 等也是可以通過放在構(gòu)造函數(shù)里獲得。同時(shí)竞膳，你自定義的 service航瞭、factory，也可以通過依賴注入獲得坦辟。

指令

指令是所有AngularJS 應(yīng)用最重要的部分刊侯。指令是DOM元素上的標(biāo)記，使元素?fù)碛刑囟ǖ男袨轱弊摺ngularjs 內(nèi)置了一些指令滨彻，比如 ng-mode, ng-repeat, ng-show等。這些指令都賦予DOM元素特定的行為挪蹭。例如亭饵，ng-repeat 重復(fù)特定的元素，ng-show 有條件地顯示一個(gè)元素梁厉。

你可以通過自定義一個(gè)指令辜羊，來實(shí)現(xiàn)自己想要達(dá)到的效果。例如你想讓一個(gè)元素支持拖拽词顾，你可以創(chuàng)建一個(gè)指令來實(shí)現(xiàn)它八秃；你也可以創(chuàng)建一個(gè)指令顯示時(shí)間選擇器。

指令背后基本的想法很簡單肉盹。它通過對元素綁定事件監(jiān)聽或者改變DOM而使HTML擁有真實(shí)的交互性昔驱。這個(gè)功能讓我們可以創(chuàng)建更多有價(jià)值的插件進(jìn)行開源共享，也可以解決項(xiàng)目中代碼冗余的情況垮媒。

類型二：angular 的數(shù)據(jù)綁定采用什么機(jī)制舍悯？詳述原理

臟檢查機(jī)制。

雙向數(shù)據(jù)綁定是 AngularJS 的核心機(jī)制之一睡雇。當(dāng) view 中有任何數(shù)據(jù)變化時(shí)萌衬，會更新到 model ，當(dāng) model 中數(shù)據(jù)有變化時(shí)它抱，view 也會同步更新秕豫，顯然，這需要一個(gè)監(jiān)控。

原理就是混移，Angular 在 scope 模型上設(shè)置了一個(gè) 監(jiān)聽隊(duì)列祠墅，用來監(jiān)聽數(shù)據(jù)變化并更新 view 。每次綁定一個(gè)東西到 view 上時(shí) AngularJS 就會往 $watch 隊(duì)列里插入一條 $watch 歌径，用來檢測它監(jiān)視的 model 里是否有變化的東西毁嗦。當(dāng)瀏覽器接收到可以被 angular context 處理的事件時(shí)， $digest 循環(huán)就會觸發(fā)回铛，遍歷所有的 $watch 狗准，最后更新 dom。

類型三：兩個(gè)平級界面塊 a 和 b茵肃，如果 a 中觸發(fā)一個(gè)事件腔长，有哪些方式能讓 b 知道？詳述原理

這個(gè)問題換一種說法就是验残，如何在平級界面模塊間進(jìn)行通信捞附。有兩種方法，一種是共用服務(wù)您没，一種是基于事件鸟召。

共用服務(wù)

在 Angular 中，通過 factory 可以生成一個(gè)單例對象紊婉，在需要通信的模塊 a 和 b 中注入這個(gè)對象即可药版。

基于事件

這個(gè)又分兩種方式

第一種是借助父 controller。在子 controller 中向父 controller 觸發(fā)（ $emit ）一個(gè)事件喻犁，然后在父 controller 中監(jiān)聽（ $on ）事件槽片，再廣播（ $broadcast ）給子 controller ，這樣通過事件攜帶的參數(shù)肢础，實(shí)現(xiàn)了數(shù)據(jù)經(jīng)過父 controller还栓，在同級 controller 之間傳播。

第二種是借助 $rootScope 传轰。每個(gè) Angular 應(yīng)用默認(rèn)有一個(gè)根作用域 $rootScope 剩盒， 根作用域位于最頂層，從它往下掛著各級作用域慨蛙。所以辽聊，如果子控制器直接使用 $rootScope 廣播和接收事件，那么就可實(shí)現(xiàn)同級之間的通信期贫。

詳見 AngularJS 中 Controller 之間的通信

類型四：angular 應(yīng)用常用哪些路由庫跟匆，各自的區(qū)別是什么？

Angular1.x 中常用 ngRoute 和 ui.router通砍，還有一種為 Angular2 設(shè)計(jì)的 new router （面向組件）玛臂。后面那個(gè)沒在實(shí)際項(xiàng)目中用過烤蜕，就不講了。

無論是 ngRoute 還是 ui.router迹冤，作為框架額外的附加功能讽营，都必須以 模塊依賴 的形式被引入。

區(qū)別

ngRoute 模塊是 Angular 自帶的路由模塊泡徙，而 ui.router 模塊是基于 ngRoute模塊開發(fā)的第三方模塊橱鹏。

ui.router 是基于 state （狀態(tài)）的， ngRoute 是基于 url 的堪藐，ui.router模塊具有更強(qiáng)大的功能蚀瘸，主要體現(xiàn)在視圖的嵌套方面。

使用 ui.router 能夠定義有明確父子關(guān)系的路由庶橱，并通過 ui-view 指令將子路由模版插入到父路由模板的

中去，從而實(shí)現(xiàn)視圖嵌套贪惹。而在 ngRoute 中不能這樣定義苏章，如果同時(shí)在父子視圖中 使用了

會陷入死循環(huán)。