文章就图个一乐
面试的人的水平不一定很好，他们可能只是网上找来了八股文面试题，然后把答案记下来，有些更过分甚至都不记答案对着你拿着笔记本对着你念答案。要不就是对着你不知道的东西就一直对着你吹牛。让你怀疑人生。
垂直居中布局
面:说说垂直居中布局的方案
答:1.flex: justify-conten:center,align-item:center
2.absolute(已知宽高):left:50%,top:50%,margin-left:-width/2,margin-right:-height/2
3.transform,absolute:left:50%,top:50%, transform: translate(-50%, -50%)
4.absolute(已知宽高): left: 0, top: 0,right: 0,bottom: 0,margin: auto
面：（眉头稍紧，满脸疑问）
面：第四个不是将图片撑满页面用的吗？
我：。。。
判断数组
面：说说看判断是否为数组有哪些方法
我：Object.prototype.toStrring.call() == '[object Array]' 或 isArray
面：（仰天回想，声调由第一声提高到第三声，好像没听过这个方法）
面：业丝哎瑞？
我：。。。
位溢出，精度丢失
面：我之前做到个项目，数字太大导致截断了，你有什么办法解决吗
我：因为js的最大只能表示1+11+52位，。。。（此处略去n个字），导致丢失
面：（有点不耐烦，带点生气）
面：我是让你说解决方法！
我：用bigInt 转成字符串也行
面：。。。
我：0.0
vue是如何实现双向绑定的
面：vue是如何实现双向绑定的
我：（让我回忆下，预备，开始背）
我：首先有个监听器，对data的数据进行遍历，用object.defineProperty()对所有属性都加上setter和getter.这样可以对对象拦截监听。变化的数据会调用更新函数更新模板数据，更新的模板数据也会更新到data的数据
我：（好像没什么好说了，记不住那么多了，临时背的果然容易忘，要不再说点什么？。。）
我：因为用object.definedProperty()这个方法，这方法不能监听数组length的变化。
面：你的意思是（拿起笔刷刷的写了个伪代码，data中定义了个数组，然后往数组中加入一个数组）这样不能监听数组length的变化？
我：是的（其实我也没很理解，但还是问答了）
面：为什么不可以%&**&……&%&
我:（算了吧，本来vue也只能做做开发，太深的东西还真没这么了解，估计她自己也不是很了解，再吵下去也没啥用）壮士！后会有期
url输入到页面呈现描述
面：url到页面呈现发生了什么
我：（听他的语气念的很生硬，我就知道题目是临时百度的，估计是个不懂技术的人来面的，这年头哪里是招人，分明是走个形式，找个板砖的,但是还是要回答）
我：首先DNS解析->拿到真实的IP->TCP三次握手协议->http->资源传输->domTree+cssTree = renderTree->painting->页面
面：你是不是漏了点什么，中间还有个步骤
我：（抓耳挠腮，左思右想，左顾右盼，上蹿下跳，上下其手）哦不知道。。
面：自己回去好好了解下吧哈。%@%#%#&……%。你要几K
我：几K + nk
面：得嘞，再见了您嘞
挂完电话。
我：就TM想找便宜的苦力工 会加班，工资低，干完一个项目就遣散。黄世仁进化成吸血鬼了
react知道吗
面：react知道吗，setState同步还是异步？componentDidMount同步还是异步？了解react hooks吗？与classComponent区别是什么？willUpdate生命周期的代码应该放到hooks代码里的哪部分？
我：setState在合成事件里是异步，在原生事件是同步。componentDidMonunt是同步吧（我还第一次听有人问这个问题，虽然我不知道。但是我想要是异步了，生命周期不是乱了，何况class写法已经过时了，还问这种问题）。hooks 的话。解决了class的this指向问题，繁琐生命周期问题。函数式编程更加贴合前端。 一个hooks的xx会指向另下一个hoos,所以hools不能写在判断里，否则顺序会乱。&……@#%））&&（大致宏光层面说了下部分流程）
走出面试场所
我：我T娘的就拿几千块钱的工作，进去不一定是做开发还是被派去炒河粉。
大夏天顶着35度的高温在走在街上一个个的找面试公司。被晒成泥鳅干。坐车地铁，公交，自行车步行，就是为了给HR刷个业绩。此处想问候这些人的母亲。时运不齐，命途多舛。冯唐易老，李广难封。是时候考虑上接头炒河粉了。
