第一次前端面试!!!起初。说是电话面试,到了面试的时候,加微信打视频,这不是重点,关键是,在家没化妆!!!哎,素颜的样子对着面试官,心里十分忐忑啊。不过好在不紧张,面试就是两个人在交流问题嘛,会什么说什么,不会的虚心请教,也许是因为面试官长的比较和蔼,嘻嘻。说正题吧。
一、首先肯定是自我介绍啦,吧啦吧啦,说了大概40秒左右。
二、面试官问做了什么项目。然后又吧啦吧啦说了自己做的项目,大概有五个左右吧,简单的说了一下。
三、面试官看了一下简历,看你有写掌握es6,那你说说你用过es6哪些东西?答:给我印象最深的是promise异步编程(说了下promise是什么),还有let const (说了一下var let const区别),还有迭代器生成器,数组去重用过set。
四、面试官追问你刚才说了let const,那你说说他们的区别,答:const表示常量,不能修改。面试官举了一个对象的例子,问里面的属性值可以修改吗,可以修改,那你刚才说的不能修改,那对象地址不能修改,属性值可以修改。对了,那个es6还用过箭头函数。
五、有没有用过默认传值的函数,(嗯??可能用过吧,但担心我理解的和面试官理解的不一样,就说用过箭头函数)那你说说箭头函数和普通函数有什么优点。
六、了解原型和原型链吗?说了一下概念,然后面试官举例子问了,问到最后有点懵了,就简单的讨论了一下。原型链那块我确实会晕啊,太多太复杂了。放一个我之前看的图。
七、问一些css问题。
垂直居中(说了三种方法)、选择器权重,盒模型(W3c标准和怪异)
八、看你有用过ajax,那你说说如何写ajax。(这个问题,啊啊啊啊,我之前手写过的,但说的时候说的不全,我,哎)放一段自己之前写的代码吧。
function ajax(method,url,data,flag){
var xhr = null;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHttp');
}
//判断状态
xhr.onreadystatechange = function(){
if(xhr.readyState === 4){
if(xhr.status === 200){
callback(xhr.responseText);
}else{
console.log('error');
}
}
}
//判断请求方法
method = method.toUpperCase();
if(method === 'GET'){
var date = new Date();
var timer = date.getTime();
xhr.open(method,url+'?'+data +'&timer=' + timer,flag);
xhr.send();
}else if(method === 'POST'){
xhr.open(method,url,data,flag);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.send(data);
}
}
九、知道浏览器缓存吗?(这个我不太肯定他问的什么,我想的会不会是强缓存和协商缓存,就问可能遇见过,但不知道是什么,面试官就说cookie什么的,嗷嗷,那个啊,知道,就说了一下cookie sessionStorage localStorage的区别)
十、你说你用过vue,那问几个vue的问题吧
说说vue的生命周期和对应函数的功能。说说用过哪些vue指令。说说v-if v-show的区别(这里,我的天,我记得是displaynone,但不知道那个时候在干啥,脑子抽了,说了一个visibility我的天,吐血)组件传值了解吗?说一下(说了几个常用的方法)为什么要加key?有什么作用?
你知道vue的data怎么写吗?(说了有函数有对象),那为什么要用函数呢?(这个问题看视频的时候真的遇见了,但那个时候没认真听,没记住),面试官给我解释了,nice。赶快记在小本本上。最后,面试官问有什么问题想问他的,emm,我刚才想问一个问题的,结果忘记了,想问什么来着,面试官:是什么问题?技术的还是非技术的?技术的,vue还是es6,啊,想起来了,,实在好奇react和生成器有什么关系,面试官就给我说了一下他的看法。后来查了一下,emm,等我学到react的时候再好好研究研究。
总结:面试官很和蔼,没有故意为难,问的题都不难,就是。。。感觉有些答的不够全面,克服了第一次面试的紧张。无论结果如何,前端菜鸟会继续加油的,啊,前端那么多东西,终身学习,追求极致,加油!
以上所述是小编给大家介绍的第一次前端面试心得分享,希望对大家有所帮助,也非常感谢大家对脚本之家网站的支持!