初春乍暖还寒时候,妥妥的跳槽季。作为一名web前端工程师,准备简历、面试、笔试,约谈HR、面见项目经理、跟CEO正面PK......想想都好紧张,可是为了那一点点涨薪和期待更好的工作环境,经历这些不是问题,需要的只是勇气而已。但是免不了有人有面试恐惧症,真是水平本来不错,但是真到面试那一刻,本就不善言辞的程序员显得有些束手无措。小编深深理解各位焦急、紧张的心情,所以华清远见前端工程师技术频道为大家整理了一些web前端经典的面试题,有需要的赶紧来围观吧。
问题一:输入网址按下enter,会出现个啥?
也许你会觉得这问题简直不要太简单,非计算机专业的也都知道吧。但是你不知道的是,只知其一不知其二,并且是经常被面试官问到和问倒的问题,来看看答案吧:
1.域名解析,浏览器会解析域名(准确的叫法应该是主机名)对应的IP地址。
2.发起TCP的3次握手,
3.建立TCP连接后发起http请求,
4.服务器端响应http请求,浏览器得到html代码,
5.浏览器解析html代码,并请求html代码中的资源,
6.浏览器对页面进行渲染呈现给用户。
怎么样?跟你想的答案是不是差了很多,要是你能在面试的时候跟面试官讲出这些答案,一定会对你刮目相看的。
问题二:所谓的“前端性能优化”是什么?
这个问题比较大,而且主观性比较强,可以从几个大的方面进行解答,小编搜集各路资料总结如下:
1. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域。
2. 请求带宽:开启GZip,精简JavaScript,移除重复脚本,图像优化,将icon做成字体。
3. 缓存利用:使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存
4. 页面结构:将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出
5. 代码校验:避免CSS表达式,避免重定向
个人意见是面试时简述大的方面即可,但是要想准备一个完美的面试,每个点的具体内容要做到心中有数,并且是熟记于心,因为非常有可能面试官随机挑出其中一项对你进行深度提问。能够答出上面几点面试官会很满意,接下来的深度提问是你拔高的地方,这将助你拿高薪、获得主动权。
问题三:请简述一下盒模型
分别有:IE6盒子模型与W3C盒子模型
文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border, 内边距边界padding与内容边界content。
CSS3中有个box-sizing属性可以控制盒子的计算方式,
content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。(W3C盒子模型)
border-box:padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值。(IE6盒子模型)
问题四:你认为Cookie的弊端有哪些?
个人认为,这个问题除了理论上实际存在的问题之外,这也是一道极其体现工作经验的题目,很多弊端是在实际工作中才能体现出来的,而且跟个人工作习惯有很大关系。在回答这道题目的时候一定要注意时不时透露出你的实际工作中的想法,例如:
a. 每个特定的域名下多生成的cookie个数有限制。
b. IE和Opera 会清理近期少使用的cookie,Firefox会随机清理cookie。
c. cookie的大大约为4096字节,为了兼容性,一般不能超过4095字节。
d. 安全性问题。如果cookie被人拦截了,那人就可以取得所有的session信息。
以上就是小编为大家整理的web前端的经典面试题目,希望能够对大家接下来找工作面试能有所帮助。
热点新闻
前端开发技术库