2018-03-06 web前端面试（一）

今天第一次面web前端职位。

大学也不是计算机相关专业的，都是自己看书掌握的开发知识。悄咪咪记录一下从学习到工作的过程。

v-show 和 v-if 的区别？

当时只说了其中一个可以使用<template>，另一个不能。

真正的区别是v-show改变元素的css属性display，而v-if则是根据表达式适当地销毁或者重建元素及绑定的事件或子组件。

因此 v-if 更加适合条件不经常改变的场景，因为它的切换开销相对较大，而 v-show 更加适用于频繁切换条件。

导航栏滚动固定在浏览器上边缘后，如何解决下方元素上流？

这个之前自己做网页的时候遇到过，时间太久忘记了。我回答了再插入一个<div>元素顶替fixed的导航栏，当初使用的是为下方元素增加一个margin属性，高度与导航栏相等。

如何让元素居中？

这个...很经典的问题。我回答了两个：

1.用flex布局，现在支持flex属性的浏览器已经很多了。（吐槽一下，今天在经理的电脑上用360浏览器展示我的flex布局，竟然不兼容，不知道是不是没调好什么极速模式、兼容模式之类，我查了一下360浏览器是IE、Chrome双内核，不清楚为什么不能正常显示）

2.XXX{ 

    display:table-cell;

    vertical-align: middle;

    text-align: center;

}

了解ES6吗？主要问箭头函数

新的声明变量方法：let const

箭头函数首先可以省略return，其次使其函数内的this指向更加明确。

可以参考廖雪峰JS教程里的箭头函数一节。

主要的就记住这些啦，希望可以被录取。感觉自己水平还是有些不足。另外公司很看重技术人员，还给技术人员专门配了一间办公室，哈哈！