2019.6/阿里外包电面经历-CSDN博客

以下是我与面试官问答的简缩,真正交谈中需要将回答的技术内容展开,拓展.

一面

面试官:说一下子组件向父组件传值的方式
我:给子组件添加ref属性;父组件给子组件传函数,通过回调的方式拿值;通过redux这三个方式
面试官:对ReactContext了解吗?
我:不了解(面试过后查了一下官方文档是用来跨级传值的API)
面试官:好吧(╯▽╰),ES6常量有什么特点
我:用const定义的变量无变量提升,只能在块极作用域中生效, 而且不可被修改(自信满满啊)
面试官:说一下箭头函数和普通函数的区别
我:箭头函数this指向当前作用域,普通函数this指向调用对象,通常会被事件说影响.
面试官:嗯,ok.ES6中的generate和ES7中的async的有什么区别
我:async是ES6的语法糖.但是在dva中effects中只能用generate,不能用async(我主要做Vue的用习惯了async所以做react项目的时候试验过一次,具体原因没探究.面试过后看了阮一峰老师的文章才理解了一下)
面试官:说一下浅克隆
我:引用对象被克隆时,只将引用地址克隆,不在内存中开辟新地址对数据进行克隆存储
面试官:是否使用过node
我:用express写过一些小接口

感受:一面的面试官应该是个组员，负责探底作用。对面试者进行初步了解,觉得合适再让leader进行面试。防止浪费leader时间。整个一面总时长4分钟，效率非常高。

二面

面试官:简单介绍一下你最近做的一个项目
我:我最近做的一个项目是......(这个问题大家应该都是提前准备过的,也没什么好说的.提前准备演讲稿吧,生动形象的说出项目是做什么的,你做了什么,解决了什么问题,成果如何)
面试官:在Vue中,组件间如何传值(由于我主要技术栈是Vue,所以面试官问了一些Vue的问题) 我: 父传子使用props;子传父:ref,children,函数回调;比较复杂的情况下:,$bus,vuex
面试官:在Vue中比较常用的生命周期
我:created,在这里发送Ajax请求;
面试官:你工作中CSS用的多不多?
我:(有点蒙,这怎么回答(⊙o⊙)…) 写的不是特别多.主要用UI框架
面试官:行吧(*￣︿￣),那你的项目中有没有做适配?
我:使用flexbox解决方案;使用百分比加媒体查询;使用rem
面试官:那你ES6用的多不多
我:用的还挺多的
面试官:那你介绍一下你在项目中经常用到的ES6的方法,属性

这一块内容挺多的,都是我简要介绍.他听到感兴趣的地方,就让我具体说一下,具体点如下:
- 数组的ES6新方法:filter,map,reduce,forEach使用场景
- 什么地方经常使用解构
- 箭头函数
面试官:从两个接口A和B分别取得对象,都是{name:"ali"},请问他们相等吗?
我:他们是引用类型值,不相等
面试官:但是对前端页面展示来说是相同的,我们需要怎么判断他们相同,从而优化diff呢?
我:讲对象进行遍历,属性值为标准值就进行对比;属性值是对象就想下递归,属性值是函数或布尔就toString()后进行对比。
面试官:嗯,可以.你React怎么样,可以问你React的问题吗?
我:可以的,可以的(现在的状态都已经紧张死了)
面试官:Vue和React你都用过,说说你对这两个的感受.你在开发过程中的感受,不要说哪些太虚的!
我:在使用过程中,对我的感受来说.Vue更像Windows系统.React更像Linux系统.Vue会对一些东西进行分装,暴露给开发者一些指令系统,使用起来更加便利.但是React使用起来更加灵活
面试官:那你知道React中如何更改组件的状态吗?
我:使用setState更改state中的数据
面试官:那你知道state和props的区别吗?
我:state中放的是组件自身的状态,props是从外部传来的状态;组件可以更改自身的state但不可以更改props
面试官:说一下虚拟DOM吧
我:虚拟DOM就是使用JS对象存储DOM结构,在进行数据更新时,对前后虚拟DOM进行diff.根据VDOM的改变进行视图更新.
面试官:Vue也好React也好,他们都有一个直接操作DOM的"逃生舱",你知道吗?
我:是ref吗? 在组件挂载后我会通过refs获取DOM节点信息.(事后查了一下,react中还有一个use effect的方法可以操作DOM)
面试官:缓存你用吗?
我:会使用loaclstorage存储对页面的一些修改信息,以及查询信息
面试官:你有什么想问我的吗?
我:问了一下技术栈,阿里部门,业务等信息.