1. ng-show/ng-hide 与 ng-if的区别？
我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话，那么ng-if的性能好过ng-show. 这是因为多余的节点和里面的img图片都完全不需要加载。
2.解释下什么是rootScrope以及和scope的区别？
通俗的说rootScrope页面所有scope的父亲。
我们来看下如何产生rootScope和scope吧。
step1:Angular解析ng-app然后在内存中创建$rootScope。
step2:angular回继续解析，找到{{}}表达式，并解析成变量。
step3:接着会解析带有ng-controller的div然后指向到某个controller函数。这个时候在这个controller函数变成一个$scope对象实例。
3. 表达式 {{yourModel}}是如何工作的？
它依赖于 interpolation服务，在初始化页面html后，它会找到这些表达式，并且进行标记，于是每遇见一个，则会设置一个watch。而interpolation会返回一个带有上下文参数的函数，最后该函数执行，则算是表达式parse到那个作用域上。
4. Angular中的digest周期是什么？
每个digest周期中，angular总会对比scope上model的值，一般digest周期都是自动触发的，我们也可以使用$apply进行手动触发。
5. 如何取消 timeout,以及停止一个watch()?
| var customTimeout = $timeout(function () { // your code }, 1000);
$timeout.cancel(customTimeout); |
| // .$watch() 会返回一个停止注册的函数 function that we store to a variable var deregisterWatchFn = $rootScope.$watch(‘someGloballyAvailableProperty’, function (newVal) { if (newVal) { // we invoke that deregistration function, to disable the watch deregisterWatchFn(); ... } }); |
6. Angular Directive中restrict 中分别可以怎样设置？scope中@,=,&有什么区别？
A匹配属性
E匹配标签
C匹配class
M 匹配注释
当然你可以设置多个值比如AEC,进行多个匹配。
在scope中，@,=,&在进行值绑定时分别表示
@获取一个设置的字符串，它可以自己设置的也可以使用{{yourModel}}进行绑定的;
= 双向绑定，绑定scope上的一些属性；
& 用于执行父级scope上的一些表达式，常见我们设置一些需要执行的函数
7. 列出至少三种实现不同模块之间通信方式？
Service、Factory服务
events,指定绑定的事件
使用 $rootScope
controller之间直接使用parent,$childHead等
directive 指定属性进行数据绑定
8. 有哪些措施可以改善Angular 性能
官方提倡的，关闭debug,$compileProvider。
myApp.config(function ($compileProvider) {
$compileProvider.debugInfoEnabled(false);
});
使用一次绑定表达式即{{::yourModel}}
减少watcher数量
在无限滚动加载中避免使用ng-repeat,关于解决方法可以参考这篇文章
使用性能测试的小工具去挖掘你的angular性能问题，我们可以使用简单的console.time()也可以借助开发者工具以及Batarang
console.time("TimerName");
//your code
console.timeEnd("TimerName");
9. 你认为在Angular中使用jQuery好么？
如果业务需求，而对于一个新人（比较熟悉jQuery）的话，或许你引入jQuery可以让它在解决问题，比如使用插件上有更多的选择，当然这是通过影响代码组织来提高工作效率，随着对于angular理解的深入，在重构时会逐渐摒弃掉当初引入jquery时的一些代码。(😂Po主就是这样的人，希望不要被嘲笑，业务却是赶着走)
所以我觉得两种框架说完全不能一起用肯定是错的，但是我们还是应该尽力去遵循angular的设计
10. 如何进行angular的单元测试
1、请解释Angular 2应用程序的生命周期hooks是什么？
Angular 2组件/指令具有生命周期事件，是由@angular/core管理的。@angular/core会创建组件，渲染它，创建并呈现它的后代。当@angular/core的数据绑定属性更改时，处理就会更改，在从DOM中删除其模板之前，就会销毁掉它。Angular提供了一组生命周期hooks（特殊事件），可以被分接到生命周期中，并在需要时执行操作。构造函数会在所有生命周期事件之前执行。每个接口都有一个前缀为ng的hook方法。例如，ngOnint界面的OnInit方法，这个方法必须在组件中实现。
一部分事件适用于组件/指令，而少数事件只适用于组件。
ngOnChanges：当Angular设置其接收当前和上一个对象值的数据绑定属性时响应。
ngOnInit：在第一个ngOnChange触发器之后，初始化组件/指令。这是最常用的方法，用于从后端服务检索模板的数据。
ngDoCheck：检测并在Angular上下文发生变化时执行。每次更改检测运行时，会被调用。
ngOnDestroy：在Angular销毁指令/组件之前清除。取消订阅可观察的对象并脱离事件处理程序，以避免内存泄漏。
组件特定hooks：
l ngAfterContentInit：组件内容已初始化完成
l ngAfterContentChecked：在Angular检查投影到其视图中的绑定的外部内容之后。
l ngAfterViewInit：Angular创建组件的视图后。
l ngAfterViewChecked：在Angular检查组件视图的绑定之后。
2、使用Angular 2，和使用Angular 1相比，有什么优势？
1、Angular 2是一个平台，不仅是一种语言
2、更好的速度和性能
3、更简单的依赖注入
4、1、模块化，跨平台
5、具备ES6和Typescript的好处。
6、灵活的路由，具备延迟加载功能
7、更容易学习
什么是事件发射器？它是如何在Angular 2中工作的？
Angular 2不具有双向digest cycle，这是与Angular 1不同的。在Angular2中，组件中发生的任何改变总是从当前组件传播到其所有子组件中。如果一个子组件的更改需要反映到其父组件的层次结构中，我们可以通过使用事件发射器api来发出事件。
简而言之，EventEmitter是在@ angular/core模块中定义的类，由组件和指令使用，用来发出自定义事件。