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

一面

面试官:说一下子组件向父组件传值的方式

我:给子组件添加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存储对页面的一些修改信息,以及查询信息

面试官:你有什么想问我的吗?

我:问了一下技术栈,阿里部门,业务等信息.

“我自己是一名从事了6年web前端开发的老程序员（我的微信：webxxq），今年年初我花了一个月整理了一份最适合2019年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“2019”即可领取）。

感受:这个面试官听声音很和蔼,30-40岁.但是气场太强大了,我超紧张.虽然他在面试过程中一直在引导着我.但大脑还是一片空白,很多问题都是凭本能,临场反应式的回答.问的问题也都是项目开发中经常使用的东西,但我回答一般.

三面:等待中...

欢迎star:github