提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
今天收到一个前端面试,火急火燎就去了,也没有什么准备。面试官也是一个比较年轻的小伙,不是很专业,感觉他也没什么准备。只是问了一点JavaScript相关的和vue的问题,有关于项目相关的基本没有问。
一、JavaScript相关的基础问题
1.水平垂直居中的实现方式
这个我只说了三种:
position:absolute 和 负的 margin 宽高
position:absolute 和利用transform:translate(-50%)
利用flex布局 :justify-content:center align-items:center
2.数据类型的判断
这个我只说了两个:
typeof 说了它不能判断null、array和object
(事实上返回结果只能包括number,boolean,string,function,object,undefined)
Object.prototype.toString.call() === "[Object === xxxx]"
然后面试官给我说了instanceof,因为我觉得这个不能判断普通类型所以没有讲,他说了我就说这个使用了判断实例是否为某个原型的实例
constructor 这个我就没有记住,所以没有想到constructor是prototype对象上的属性,指向构造函数。constructor除了null和undefined无法判断,其他的数据类型都可以判断,但是对于继承类型的数据有可能会出错、因为Object被覆盖掉了,检测结果就不对了
使用方法:([1,2,3,4]).constructor
返回格式为:ƒ Array() { [native code] }
3.flex实现十个盒子 一行六个 一行四个
这个我就不是很清楚了,我说通过换行来实现,面试官否定了我的想法,然后面试官说通过设置盒子的百分比来实现。我回来写了一写,明显要用到换行嘛,flex-wrap:wrap;
通过换行加百分比,感觉面试官也是懵了
body{