写在前面

CSDN话题挑战赛第1期

活动详情地址：/p/bb5081d88a77db8d6ef45bb7b6ef3d7f

参赛话题：前端面试宝典

话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！

总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

创作模板：

携手共筑前端面试宝典

题目一

Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？

考点

主要考察是否了解Object.defineProperty，有没有用过Object.defineProperty，以及为什么要用Object.defineProperty，以此来判断你是否有开发经验。

答案

原因如下：

Object.defineProperty 无法低耗费的监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应；Object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历。如果属性值是对象，还需要深度遍历。 Proxy 可以劫持整个对象， 并返回一个新的对象。Proxy 不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。

题目二

写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

考点

主要考察我们是否优化过Vue，map是什么

答案

原因如下：

vue 和 react 都是采用 diff 算法来对比新旧虚拟节点，从而更新节点。在 vue 的 diff 函数交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的 key 去对比旧节点数组中的 key，从而找到相应旧节点（这里对应的是一个 key => index 的 map 映射）。如果没有找到就认为是一个新增节点。而如果没有 key，那么就会采用遍历查找的方式去找到对应的旧节点。一种一个 map 映射，另一种是遍历查找。相比而言，map 映射的速度更快。

写在最后

CSDN话题挑战赛第1期

活动详情地址：/p/bb5081d88a77db8d6ef45bb7b6ef3d7f

如果觉得《月薪30k的程序员应聘时面试官都会问什么问题》对你有帮助，请点赞、收藏，并留下你的观点哦！