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+前端试题集锦

    1,angular4有哪些常用指令? ngClass ngStyle ngIf ngFor ngSwitch 深度...

  • 前端面试集锦(1)

    前端面试集锦(转载) 转载地址:前端开发面试题 以下皆为转载 前端开发知识点: 作为一名前端工程师,无论工作年头长...

  • 前端笔试题集锦

    1.作用域 2.变量提升 3.this指向 4.数据类型 5.时间循环 6.setTimeout延迟执行 7.闭包...

  • 好程序员HTML5大前端分享web前端面试题集锦三

    好程序员HTML5大前端分享web前端面试题集锦三 1、HTML语义化的理解? 答案:HTML语义化就是让页面的内...

  • 好程序员HTML5大前端分享web前端面试题集锦二

    好程序员HTML5大前端分享web前端面试题集锦二 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不...

  • JS-学习资源

    饥人谷知乎前端学习指南132GitHub笔试面试题集锦饥人谷课件课堂内外一些前端小项目饥人谷 api饥人谷作品库G...

  • web前端面试题总结

    web前端试题集 WEB前端面试题

  • 前端面试题集锦

    1.说说你对语义化的理解? 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 有利于SEO 方便其他设备解析 便于...

  • 面试题总结

    最近在准备面试,在网上找了 大厂试题集锦,开始刷题。我概览了一下题目,应该是面试大前端的,除了基础还包含了后端no...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

网友评论

    本文标题:angular2+前端试题集锦

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