裸辞后第一个面试 - 前端工程师

岗位信息

工作年限：1-3年

薪资范围：7-8k

技术使用：vue2、uniapp

一、自我介绍

从自己的学校专业，之前做过的项目用到的技术，到个人性格简单的介绍了一遍

二、vue2相关

1. 讲一下父子组件生命周期执行顺序？

加载渲染过程： 父beforeCreate 父created 父beforeMount 子beforeCreate 子created 子beforeMount 子mounted 父mounted

更新过程 父beforeUpdate 子beforeUpdate 子updated 父updated

销毁过程 父beforeDestroy 子beforeDestroy 子destroyed 父destroyed

2. mutation和action的区别？

mutation执行的是同步函数；Action执行的是异步函数

mutation是更改state的唯一方法；action中不进行状态的直接更改

mutation的触发通过store.commit来进行；action的触发通过store.dispatch进行

3. vuex怎么实现数据持久化？

浏览器进行刷新操作的时候，会导致vuex内的数据丢失

想要某些数据可以持久化的保存（如token），需要做对应的处理：

• 利用浏览器的本地存储

• 使用对应的持久化插件，比如vuex-persistedstate等

4.说几种浅拷贝的方法？

• newObj = Object.assign({},obj)

• 解构 newObj = {...obj}

• Array.concat()` 数组连接

• Array.slice()` 数组切片

关于深拷贝浅拷贝这篇文章有写到：深拷贝和浅拷贝

5. 讲一下原型和原型链？

这篇文章有简单写到 原型链相关

6. nextTick的作用？

回答的不是很好，回来特意查找了相关资料，最后总结：Vue中nextTick的作用

7. 讲一下事件循环机制？

1. 执行同步任务，即按照顺序执行的任务。

2. 执行当前宏任务队列中的第一个任务，例如 setTimeout、setInterval、setImmediate 等。

3. 执行所有可立即执行的微任务队列中的任务，例如 Promise的then()和catch()、process.nextTick 等。

4. 回到宏任务队列中，执行下一个宏任务，重复步骤 2 和 3。

事件循环机制Event Loop 详解

三、项目相关

• 问了下之前有没有0-1开发小程序？

• 有没有用过原生开发？

• 之前商城项目的开发完成度怎么样？

• 之前项目开发的前后端分配比？

• 之前用过的技术栈？

大概记得这些，可能简历上面的项目没有比较大型的项目经验，问几个基础问题就结束了

四、反问

• 了解公司业务

• 公司技术人员架构

• 上岗之后要接手的项目

五、面试结束

跟我强调了薪资范围，了解到岗时间

说这周结束前会给答复

到此整个面试就结束了！

写在最后：

裸辞之后一段时间没找工作，空窗了一段时间后开始投简历，一两周面试都没有接到面试，好不容易接到这个，所以7-8k也奔着过来面试。

现在前端真的太卷了，以一年之前的经验找前端工作还能找到比这薪资高30%的工作，一年后不得不降薪求职，所以这段时间大家还是保住饭碗要紧啊。