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

事件绑定:

深入学习: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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 开发环境配置 1.1 mac下node js安装 一向不喜欢追求刚刚新鲜出炉的事物的我,终于在node js出...
    Kevin_Junbaozi阅读 4,392评论 0 3
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 13,283评论 1 52
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,705评论 19 139
  • 任何一段感情都是需要交流来维系的,朋友梦晴就是不顾一切,也要和男友相见的女孩,即使两人相隔两个省份,即使两人都很不...
    弗心书里阅读 1,566评论 0 1
  • 农历7月15,中元节,我们老家有上坟祭祖的风俗。 这么多年的经历,感受,祭祖是天大的事,只要你还是自由身,不管你在...
    刘政刘武库阅读 3,452评论 0 0