深圳威锋网前端面试总结

今天可谓是面试最不容易的一趟啊,出门没带雨伞,遇到下雨,还遇到大巴刮花了一辆自小轿车,出乎意料的时间安排,本来时间到达深圳是充裕的,没想到这一耽误啊,面试是面试得一塌糊涂啊,我都想挖个洞跳进去了,哈哈。
一进门就是一个美女接待,把我领进一个小房间,拿来一张纸,让我填写,就把我关在小房间里,着实很闷啊,空气不是很好。等了许久,来了两个人,一个是前端组长,厉害的,也挺帅的,就是感觉不太友好。
好,另外一个人就说自我介绍一下,组长就在看我的简历,感觉来着不善(呜呜想哭)。

介绍完,组长即刻发话,你学过H5是吧,
第一问:你来说说H5新增了那些标签和APi
我他妈的脑子不知咋的啦,全忘记了,支支吾吾的,草蛋简直就是,header,footer,aisde等等,拿这些标签有什么作用呢?我的脑子又碰瓷了,只说出来了“是标签更加语义化,更容易开发”就没了。组长摇了摇头,甚是不耐烦了,还有呢?新增那些API,我他妈是愣是想不出新增了那些API,最后只说出了localstorage和sessionStorage,好吧,坑还在后面等着我呢?组长接着发话,你来说localstorage和sessionstorage的区别,我就说“localstorage是本地永久缓存,sessionstorage是如果浏览器关闭就是会消失掉会话”,组长继续发话,“那如果我打开另一个窗口呢,localstorage和sessionstorage会有什么样的变化呢?”好吧,我被问的措手不及啊。我就不说我的回答了,难受啊。新增requestAnimationFrame这个动画方法。
答案明天再详细研究附上答案:

第二问:CSS3新增了那些属性:
我的回答是新增了“动画效果,transition,animation,keyframe,transform等等”,组长继续发话,那你有没有做过那些动画需要用过的属性啊,我的回答不堪入目啊,有没做过阴影效果之类的,box-shadow,挖槽,全部忘记了,无所适从。

第三问:请你说说box-sizing:的所有属性:
我的回答是:“padding,margin,border,content”实际上错的一塌糊涂,现在想想是不是想挖个坑跳进去啊,非常肯定,当时如果有坑,早就跳进去了(哈哈)。
答案如下网址
box-sizing_CSS3属性_CSS参考手册 - html中文网

www.html.cn
图标
这个地方的回答我又给自己挖了个坑,我的回答中有提到怪异盒子模型和标准盒子模型,组长就提问了,如果一个盒子boder为200px,padding为200px,margin为200px,那么在怪异盒子模型是怎么样的呢,在标准盒子模型又是怎么计算得呢
答案如下网址
CSS 盒子模型的介绍 - html中文网

www.html.cn
图标

第四问:position的所有属性值
我的回答是“relative,absolute,static,fixed”,组长补充了一句还有一个属性,新增的“sticky 定位”,又是一个措手不及的回答,满满的都是坑,一坑未平,一坑又起啊。难受。

第五问:你来说说display有什么属性值
我的回答是“none,block,inline,inline-block,flex,table-cell”
详细答案如下:
display_CSS属性_CSS参考手册 - html中文网

www.html.cn
图标

第六问:知道CSS精灵图?
我的回答“css精灵图就是指将一些小图标集中在一张大图里,然后通过背景定位的方式去显示图标,”,组长继续发话,那这样有什么好处?我的回答是“这样的好处就是减少图片的多次请求,加大页面的显示速率”,组长继续发话,还有?我迟疑了一会,组长发话“那有什么坏处呢?”好吧,我答不出来。(想哭)

第七问:知道link标签引入样式是放在header之间,而script标签引入js却放在body后面,知道为什么?
来了个措手不及,我当时的答案是"因为浏览器的解析顺序是从上往下解析的,所以这是答非所问”。组长摇摇头继续发话“那如果我加一个window.onload的呢?link标签也是引入外联样式,你怎么解释”。我又是一脸懵逼,上个问题还没解决,下一个问题就等着我,问的我怀疑人生啊。组长最后解释”因为css放在前面可以先加载样式显示页面是没错,还有一点就是他不会阻塞代码的执行,而js如果放在最前面一旦有语法,或者其他错误就会阻塞代码执行,会影响页面显示“。好吧,我服了我自己了。
我再想想,我有没有漏掉组长的发话,

第八问:你来说说js的原型
我操,这个问题高难度啊,我一脸懵逼,愣是在那里冷场了,不知道要说什么啊
看得出来组长已经问的不耐烦了。我心里在想赶紧结束吧。

第九问:你来说说js中new操作发生了什么?
我操,我心里想这不是<javascript高级程序设计里面的原话?>,不好意思,我忘记了,答不出来,放弃,难受,看来我这次是专门来找虐的,

第十问:你了解ES6?
巴拉巴拉,我就回答,es6引入了let关键字,引入了块级作用域,因为es6之前没有块级作用域,只有全局作用域,和函数作用域。没有了变量提升,变量必须先申明,再使用,
组长继续发话,还有呢?
引入了模块化,import,组长发话,模块化es6之前也有哦,不耐烦的语气。继续说,你知道commonjs,AMD吗?我说那不是nodejs里面的?我继续说,有新增了promise对象用于解决回调问题,我又给自己挖了一个大坑在此。好,组长继续发话,那你来说说promise,我说promise有两个回调函数一个是resolve()和reject()函数,当成功时resolve()返回,当失败时reject()返回,组长继续发话,promise有三种状态哦,我继续说还有一个pending等待状态,等待返回的是成功则resolve(),如果是失败则reject()他们的状态是单向的,回答还是不够好,明天再继续增加好的答案吧。
组长又发话,你知道新增了object.process?我一脸懵逼,

第十一问:在浏览器地址栏输入网址,回车这一个过程发生了什么?
我的回答是"当输入地址栏的时候,发送一个get请求",马上组长就打断我,一输入网址就发送get请求?好吧我知道我又回答错了,我又忘记了,

第十二问:知道跨域问题?
我的回答是:”是因为我们在获取后台数据的时候,如果不在同一个域名下的话,就会产生跨域问题“,组长又打断我的回答,”我的意思是为什么会有跨域问题存在“,我就回答是浏览器安全问题,同源策略问题,what the fuck我又给自己挖了个大坑,组长你来说说什么是同源策略,我的回答是”是指在同一个域名下。。。乱七八糟的,组长继续发话“,”那如果我a.com和www.a.com是同一个域名?如果我http://a.com/和https://a.com是同源?问的我是一脸茫然啊“,牛逼。都是我没有准备好,

第十三问:你知道什么是代理?和反向代理?
不懂,草,我真的是来找虐的,不,我是来打探自己的虚实的,我是来学习的,

第十四问:你学过vue啊,你来说说vue是怎么劫持数据的,
我操,劫持数据?这么高大上的词语,我一脸懵逼,好吧,我真的是从农村刚出来的,啥都不懂,我就回答‘可以通过axios去劫持数据,因为当时我在实现自己的移动端记账本的时候,有碰到过这个问题”,组长立马打断我,“我的意思是说vue是怎么实现数据双向绑定的”,我又回答“是通过v-model,什么v-bind:value,什么v-on:input事件,什么乱七八糟的,一派胡言,都快被自己笑死了”。组长又说“我的意思是vue底层是如何实现的呢”,我的回答是通过“object.defineProperty()方法实现至于底层是怎么做的,我不太懂”。

第十五问:你来说说vuex?
我的回答是“vuex其实就是一个数据状态管理,如果是当页面共享数据的话,可能会用到vuex”,组长继续发话,那如果我刷新一下页面"原来的状态会变化?",我是真不知道,承认自己是农村出来的,想挖个坑埋下去。无地自容啊

最后两问:
你是用vue是通过脚手架搭建还是自己创建的,
我说我使用vue-cli3创建的,组长继续发话,你有没有用过webpack,我说有,组长继续发话,webpack和vue-cli3有什么区别?

好吧》我只想说这次面试简直就是胡言乱语啊, 面试得一塌糊涂啊,真想找个洞装进去,但是也是最大的收获吧,至少知道有哪些知识是不牢固的,需要加强的,

最后一面的HR面试
hr知道很是紧张啊,所以就跟我聊了几句无关的话题,我知道我自己肯定是挂了,hr就问现在是住在哪里呢?有没有想过留在深圳?为什么会从上一家实习辞职呢?你在实习期间有没有碰到过什么问题啊,你做过的项目有什么收获啊,等等,

至于以上的技术面的答案明天公布出来

已标记关键词 清除标记
05-08 1945
05-06 2172
实付 79.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值