angular2+前端试题集锦

作者: zy_Judy | 来源:发表于2018-05-22 19:14 被阅读391次

    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中属性绑定)

    事件绑定:

    深入学习: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'(管道)?

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

    深入学习: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+前端试题集锦

        本文链接:https://www.haomeiwen.com/subject/biskjftx.html