前端面试重要问题记录

1. 斐波那契数列的考察

题目中会出现看似不太规律的数字增长，数字的增加依赖于前面的数值，如果列出几个数字发现当前项是前面两项相加的和，则考察点为斐波那契数列，使用递归思维可快速实现。

2. v-if 与 v-show 的区别

这个问题从初始渲染以及组件切换时的开销考虑，v-show 是 display:none 与 display:inline-block 的转变，v-if 则涉及到组件的销毁以及挂载。

在初始渲染时，v-show 都会渲染，v-if 只有其值为 true 时渲染，所以初始渲染的情况下，v-if 开销更小。

在组件切换时，v-if 改变的组件需要经过一个组件的销毁以及挂载等过程，v-show 改变的组件只是进行了 display 的改变，所以这种情况下 v-show 的开销更小。

由此可得，在组件需要频繁切换时，使用 v-show。

3. Vue 组件间各种通信

4. visibility:hidden 与 display:none

display：none 不显示对应的元素，在文档布局中不再分配空间（回流+重绘）
visibility：hidden 隐藏对应元素，在文档布局中仍保留原来的空间（重绘）