【前端面试总结】2016-01-24

前言

这是想换工作后的第一次面试。时间已经过了一周，想写个总结，一直没写，今天又参加了第二次面试。准备补上并继续下去。
因为还没离职，甚至还没提离职，上班时间也不方便找工作，所以面试时间在周日上午。

过程简述

没有笔试，只有面试。公司要做混合型app，需要招前端。整个交流过程比较融洽，感觉工作还比较对口，面试表现不算太差。据人力说，面试官开始说还行，但未表态是否通过。第三天结果出来，未通过，原因为经验不足。

主要面试问题和总结

面试没过的实际原因没法、没必要太多追究。但回忆整个面试过程，自己的知识技能的不足得到较多暴露，经验不足也造成了面试效果不够理想。

吸取教训，弥补不足，把暴露的问题解决掉。以下是自己认为值得注意的问题及总结

（1）浏览器显示页面的过程。

从输入url到，发起http请求，到dom数生产，到显示。还有中间的scc文件示加载，样式表生产，JavaScript代码加载和执行，图片的加载等。整过过程我是知道的，顺着答了一遍。

但答过之后，感觉自己表达的不够清楚。想想，除了表达需要提高之外。更深层的原因是对这个过程了解的还是不够清晰，不够深刻。

（2）浏览器兼容措施

这一块不大熟悉了，平时自己写代码很少考虑到ie6、7、8，这种情况下，许多兼容性问题不再那么严重，之间知道的许多兼容问题也没再关注。

感觉除了靠经验以及兼容库以外，主要就是使用新功能时要小心一点；另外之前以为ie11已经采用了W3C的盒模型，前段时间发现还是原来的盒模型，回答了一下；最后答了个可以利用jQuery库。

浏览器兼容的经验和面试经验还比较缺乏，都需要加强学习。

（3）浏览器的缓存

这个也是有一定了解的。但回答得特别差。

浏览器缓存最重要的自然是最常见的、基于HTTP协议的浏览器cache。这个我是知道的，在《HTTP权威指南》上看过。也在知乎上看过（facebook？）利用超长的过期时间设置缓存，并在资源文件修改后利用hash函数修改文件名，从而实现缓存及缓存资源更新机制。但是，我竟完全没有想到这方面来，面试后才想起。

浏览器缓存还有Web Storage、Web Database、App Cache之前都有个了解和学习。当时却只想着去答App Cache，后来补的LocalStorage。

App Cache，之前抱着很大期望学习和使用过，缓存更新很麻烦，坑多，不大好用。就直接说了，还把manifest这个配置文件名给忘了，只记得是maXXfXXXXX。

（4）iframe

问是否有使用，以及是否有发现过什么问题。

想起以前做自动载入iframe，并在iframe中自己载入代码的经历。答了自适应高度不好弄，最后采用url中的hash字段传递数据实现。

现在想想，对iframe的了解还不够，还需要更多学习。

另外，面试之后想起，也有可能在考使用iframe会遇到的跨域相关问题，这个以前是有较多了解的，但面试时没想到这方面。

总结

这次面试的工作就是自己想要的类型，面试的内容就是自己需要掌握的。自己对相关知识也有一定的掌握。但面试经验不足，没抓住重点。工作经验不足，对重点没有很好的把握。基础知识也需要加强，许多知识自以为清楚了，其实还比较模糊。

面试过程也是一次学习指导过程，利用面试中发现的这些问题能改善学习的方向。

本次面试后的重点补课文章：

H5 缓存机制浅析 - 移动端 Web 加载性能优化
现代浏览器的工作原理
iframe ...
浏览器兼容 ...