论前端面试碰壁心得

前端是条不归路，当你不学习新东西不用新东西的时候，你不光是止步不前，更恰当的说叫疯狂倒退。因为这条路没有终点，所以你已经跑了多久跑了多远并没什么实际意义，而是和一大群人一起跑，你停下，其他人并不会停下，所以你就会不如别人，当你掉出大部队，你剩下的只有两条路，转行或者日夜兼程去追。

今年又失业了，因为自己的原因待不下去了。以为以自己的工作经验应该不难找到下家，所以也没什么顾虑就辞职了。然后就投了一波简历。

约了一个电话面试作为辞职后第一次面试。面试官一开口，这尼玛方言版普通话，可得仔细听了免得听不懂题目不知道怎么回答，结果题目听懂了！却还是不知道怎么回答。

过程不予赘述！可谓是面了个外焦里嫩！

对象的深度克隆？call和apply实际开发应用？css动画的构成属性？详解position四个定位属性？vue的nextTick？弹性盒子布局？

我我我……这这这……好像……嗯！…………

自信十足到一脸懵逼就是这么快。投出简历的时候给自己要求薪资定义为15k，就应该要明白现在遇到的面试应该是高级前端面试题。很显然什么数组去重，闭包，this指向等等已经不再是主要要面对的题目了。

这当头一棒算是让我有了清晰的认知。于是迅速去解决这些问题。

什么是深度克隆， 点击查看深度克隆；

call和apply其实就是每个函数都有的默认方法，无非也就是改变this指向，区别也就是参数不一样，一个默认往后找参数对应函数需要参数，一个则是需要以数组和对象形式传入；

动画不就是animation吗：动画名称，动画执行时长，动画速度的执行曲线，动画执行的次数，是否循环执行；

定位问题不就是position：的几个属性吗，static：文档流，元素堆砌到哪儿就是哪儿定位、relative：无非就是可以偏移一些距离，但是却依旧占领自己的文档空间呗、absolute：不就是绝对定位呗，完全脱离于文档流呗。fixed：固定定位呗，就是相对于视窗去定位呗；

vue提供了nextTick方法，2.1版本后还增加了promise的写法。

弹性盒子不就是display:flex，之后不就是子元素变成弹性了呗，然后什么排列顺序呀，什么定位等等如是呗。

老子恶补面试题，从H5到css3到Vue2到es6……

这次面试在松江大学城那边，就是为了去碰壁才答应的。然后人家要找一个负责人，技术大牛类型的，心累。不过还是不怂，不试试怎么知道自己不行。

如果客户恶意点击不同的请求，比如我们手机浏览的新闻网站，他先点了体育版块准备看，但是马上后悔了点了社会新闻模块，又后悔了，又马上点了娱乐模块，这中途我们如何去做处理和反应。

问得老子脑壳疼，这个问题我虽然预想过但是实际上我并不会解决它，因为我感觉我的项目遇不到这样的问题。我虽然不知道正确答案，可我还是跟着思路去解决，无非就是再一个请求发送出去之前截断然后不再请求后台，以减少服务器的压力呗。如何截断？我特么要是知道就不会脑壳痛了。事后百度本篇问题采纳答案即是我能想到的最好答案。这个问题作废，下一个。

vue2项目打包当项目达到一定程度时，如何优化打包速度！

我操你奶奶的，我也遇到了这个问题，可是我选择不解决，让它慢慢打包呗。可是这是面试题不是公司里你说了算，这个问题其实不是vue2的问题，而是webpack打包慢的问题，怎么解决呢：点击查看解决方案，差不多就是这样了。

面试到这儿基本上凉了，但还是对我抱有一丝幻想，问了一些简单的es6的问题，例如promise，Set，jsonp跨域方式以外的跨域方式等等。问题是我对promise都不熟呀！能怪谁呢，代码用时方很少！！！回家继续加油。当我离开公司的时候，天气很懂事儿的下起了小雨，吹起了冷风，街道在翻新，而我一个人身处于此。有迷茫，有不甘，有沮丧，有悔不当初好好学习天天向上！

整理两天，下周继续。

周一的面试，一切顺利，面试官技术型，回答几乎满分，这两天的补习成效显著。信心满满的走出面试公司，到现在还没想到问什么我会被淘汰。从vue到js，到项目经验，自认为回答都是正确的，为何失败了呢？这几天埋头苦想，大概想到了些，可能问我还有什么想问的这里死了。得出结论，当面试官这么问的时候，要么是他要去吃饭，要么是他要去抽烟，要么是他内急了。你要做的是尽快结束，让他离开。而我问了一堆，什么团队氛围，什么团队配置，什么公司文化，什么领导偏向什么个性等等！想来想去只有这个地方出了问题，这是我很想去的一家公司。可惜了，所以，言多必失。简单问问就好，别你嘛学我这么不懂事儿。

周一下午的面试推到了第二天，

周二的面试是个神奇的面试：第一轮，hr；第二轮，后台负责人；第三轮：老板。前面的非常之顺利，后台不懂前台，懂也只懂简单的，我应付起来简直不要太easy；hr是个大姐姐，被我一套一套的自我介绍，工作介绍，技术介绍唬得一愣一愣的；老板来了，老板说她们反馈很好，需要当面和我聊聊，我暗自得意没多久就是一盆冷水浇透。他们用的尼玛什么vb后台技术语言，然后cs架构，和我聊后台干嘛？心知不妙，果不其然，最后说，你都挺好的，这些技术经验也好，都好，你怎么不会一点儿点net呢？要是你会就更好了！哎。我哎你吗比哎，老子面试的是前端，老子会尼玛的点net！最后以此为借口把我打发了！！！

心得：运气不好遇到奇葩公司，要学会心平气和，不要学我这样，没必要。

周三上午：面试顺利，但是薪资要求得和别人谈，这边做不了主，然后约了复试。

周三下午：遇到一个一看就是搞传销的天才，技术菜的一比，和他扯了半天犊子，最后扯大了，就没了。而且是死在了最后，我简历上没写联系方式！问我薪资时我回答不好！以及最后几句马屁没拍到位，怕马屁不是我的强项。

周四上午：也就是今天，上午复试过了，周一入职。复试心得：主动，沟通能力强。初试技术过了，复试技术就是展现你的个人能力和交际能力，有没有培养价值。这是我的强项，沟通能力强。

周四下午：这是个阴霾的下午，上来就是啪啪啪二十道面试题，然后啪啪啪打自己耳光，这尼玛前面的复习准备在这些面试题面前，变得毫无意义。简单整理：session,cookie,localStorage，sessionStorage的区别；自己使用过cookie和localStorage，勉勉强能回答上来。cookie存储于客户端，session存储于服务器，cookie有生命周期，大小限制，localStorage可以自己设置日期销毁，sessionStorage是对session的存储，也是随着浏览器关闭而销毁。

udp,tcp,http,websocket之间的关联和关系！！

这尼玛，其中两个我是见都没见过的！！如何回答，只好放弃。事后补上：点击查看。

console.log([010,10,10,10].map(parsInt()));打印出结果：

parsInt是个神奇的东西！！点击查看

请解释commonJs,AMD,CMD,ES6.Modules:

点击查看，实在是搞不懂。

诸如此类问题，数不胜数，来日补充。

面试心得就是，自信的前提是真实能力。好好学习天天向上。