深圳威锋网前端面试总结

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

介绍完，组长即刻发话，你学过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就问现在是住在哪里呢？有没有想过留在深圳？为什么会从上一家实习辞职呢？你在实习期间有没有碰到过什么问题啊，你做过的项目有什么收获啊，等等，

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