angular2+前端试题集锦

1,angular4有哪些常用指令?

ngClass

ngStyle

ngIf

ngFor

ngSwitch

深度解析:https://blog.csdn.net/it_rod/article/details/79433887

2,angular4 的生命周期

指令与组件共有的钩子

ngOnChanges

ngOnInit

ngDoCheck

ngOnDestroy

组件特有的钩子

ngAfterContentInit

ngAfterContentChecked

ngAfterViewInitngAfterViewChecked

3,什么是事件发射器?它是如何在Angular 2中工作的

@output() somethingChanged = new EventEmitter();

somethingChanged.emit(value)方法来发出事件

4,路由传递参数,如何接参数

参数快照和参数订阅:

this.homeId=this.routerIonfo.snapshot.params["id"];

this.routerIonfo.params.subscribe((params:Params)=>this.homeId=params["id"]);

深入学习:https://segmentfault.com/a/1190000010095423

5,父组件如何向子组件传递数据

@Input

6,简单说说RouterLink 指令,用法

使用:link

如果以/开头,路由将从根路由开始查找

如果以./开头或没有使用 / ,则路由将从当前激活路由的子路由开始查找

如果以../开头,路由往上一级查找

深入学习:https://segmentfault.com/a/1190000009255145

7,如何使用属性绑定,事件绑定

属性绑定:使用金甲二的模板插入值

使用[属性]=“值”进行属性绑定(属性如果不加[],那么就直接是传统  的赋值,加上[]就是angular中属性绑定)

事件绑定:

angular2+前端试题集锦_第1张图片

深入学习:https://blog.csdn.net/kuangshp128/article/details/71102049

8,简单聊聊angular2+的数据双向绑定

深入学习:https://blog.csdn.net/j178202798/article/details/78468758?locationNum=5&fps=1

9,父组件如何调用子组件的方法

应用@ViewChild

深入学习:https://segmentfault.com/a/1190000008695459

10,复杂页多路由数据处理、进入与离开路由数据处理

路由守卫

canActivate: 控制是否允许进入路由。

canActivateChild: 等同 canActivate,只不过针对是所有子路由。

canDeactivate: 控制是否允许离开路由。

canLoad: 控制是否允许延迟加载整个模块。

深入学习:https://www.cnblogs.com/minigrasshopper/p/8028861.html

11.字符串str='abcdefg',如何展示成'abc'(管道)?

{{str}}[0:4]: '{{str | slice:0:4}}' - output is expected to be 'abcd'

深入学习:https://www.jianshu.com/p/51432b768378

12,AngularCLI主要特性

    1 Angular CLI 可以快速搭建框架,创建module,service,class,directive等;

    2 具有webpack的功能,代码分割(code splitting),按需加载;

    3 代码打包压缩;

    4 模块测试,端到端测试;

    5 热部署,有改动立即重新编译,不用刷新浏览器;而且速度很快

    6 有开发环境,测试环境,生产环境的配置,不用自己操心; 

    7 sass,less的预编译Angular CLI都会自动识别后缀来编译;

    8 typescript的配置,Angular CLI在创建应用时都可以自己配置;

    9 在创建好的工程也可以做一些个性化的配置,webpack的具体配置还不支持,未来可能会增        加;

    10 Angular CLI创建的工程结构是最佳实践,生产可用;

深入学习:https://www.jianshu.com/p/cba3fa12f0a3/

13,下列哪些不属于Angular CLI的常用命令?

    A:ng g component my-new-component

    B:ng g pipe my-new-pipe

    C:ng g module my-module

    D:ng g style my-style(错)

深入学习:https://blog.csdn.net/u011127019/article/details/79114886

14,关于sass说说对他的了解

变量,嵌套,继承,混合器,颜色函数,@import引入

深入学习:https://www.jianshu.com/p/bd1a152f3ca1

                  https://www.sass.hk/

15,利用flex盒子模型如何实现以下布局?

16,git命令如何新建分支?

17,下列哪些不属于git的常用命令?

A:git add .

B:git add

C:git pull

D:git push

你可能感兴趣的:(angular2+前端试题集锦)