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教程里的箭头函数一节。


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容