Angular高频面试题_20题.pdf_前端面试题

简介：
Angular高频面试题Angular 生命周期钩子是指从组件创建到销毁的整个生命周期过程中，Angular框架提供的一些钩子函数，用于组件的初始化、变更检测、销毁等操作。这些钩子函数可以帮助开发者在组件的不同生命周期阶段执行特定的操作。1. ngOnChanges: 该钩子函数在组件的输入属性发生变化时触发，接收一个 SimpleChanges 对象，包括当前值和上一个属性值。该函数仅限于对象的引用发生变化时才会触发。2. ngOninit: 该钩子函数在组件第一次显示之前调用，用于组件的初始化操作。3. ngDoCheck: 该钩子函数用于检测组件的变化，检查组件的变化是否需要更新视图。4. ngAfterContentInit: 该钩子函数在组件的内容投影完成后调用。5. ngAfterContentChecked: 该钩子函数在组件的内容投影完成后，并且检测到变化时调用。6. ngAfterViewInit: 该钩子函数在组件的视图初始化完成后调用。7. ngAfterViewChecked: 该钩子函数在组件的视图检测完成后调用。8. ngOnDestroy: 该钩子函数在组件销毁之前调用，用于组件的销毁操作。Angular 指令分类：1. 组件：用于构建 UI 组件，继承于 Directive 类。2. 属性指令：用于改变组件的外观或行为。3. 结构指令：用于动态添加或删除 DOM 元素来改变 DOM 布局。Angular 中父子组件之间的数据传递：1. 父到子组件之间的数据传递：父组件模板中引用子组件，并使用 @Input() 装饰器将数据传递给子组件。2. 子到父组件之间的数据传递：使用 @Output() 装饰器将数据从子组件传递给父组件。Angular 双向数据绑定的原理：Angular 的双向数据绑定机制维护了页面（View）与数据（Data）的一致性。双向绑定原理包括数据绑定（data=>view）和事件绑定（view=>data）。AngularJS 与 Angular2 变化检测的区别：1. 在 AngularJS1 中，脏检查循环主要发生在 angular 封装的 DOM 事件、http 服务、定时器、手动调用 $scope.$apply 或 $scope.digest 等情况下。2. 在 Angular2 中，变化监测的时机包括用户行为操作、前后端的数据交互、定时任务等。变化监测机制引入了 NgZone 服务，用于捕获异步事件和通知 Angular 执行变化监测。Angular 双组件和指令的区别：1. 组件使用注解 @Component 修饰，directive 使用注解 @Directive 修饰。2. 组件是组件化思想，基于组件创建应用，把应用划分成细小的可重复利用的组件。