在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
任何技术岗位面试的时候都要经过人力面试和技术岗位面试至少两次。人力面试一般也就是考察一下个人品质以及薪资问题,而技术岗位则是考察你是否有真才实学。本文和大家分享一个难到了很多前端工程师的面试题:Quirks模式是什么?它和 Standards 模式有什么区别?
下面就是针对这个问题的讲解。
从 IE6 开始,引入了 Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
在 IE6 之前 CSS 还不够成熟,所以 IE5 等之前的浏览器对 CSS 的支持很差, IE6 将对 CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果 IE6 支持 CSS 则将令这些页面显示不正常,如何在即保证不破坏现有页面,又提供新的渲染机制呢?
在写程序时我们也会经常遇到这样的问题,如何保证原来的接口不变,又提供更强大的功能,尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支,即当某个参数为真时,我们就使用新功能,而如果这个参数 不为真时,dd 就使用旧功能,这样就能不破坏原有的程序,又提供新功能。IE6 也是类似这样做的,它将 DTD 当成了这个“参数”,因为以前的页面大家都不会去写 DTD,所以 IE6 就假定 如果写了 DTD,就意味着这个页面将采用对 CSS 支持更好的布局,而如果没有,则采用兼容之前的布局方式。这就是Quirks 模式(怪癖模式,诡异模式,怪异模式)。
区别:
总体会有布局、样式解析和脚本执行三个方面的区别。
盒模型:在 W3C 标准中,如果设置一个元素的宽度和高度,指的是元素内容的宽度和高度,而在 Quirks 模式下,IE 的宽度和高度还包含了 padding 和 border。
设置行内元素的高宽:在 Standards 模式下,给<span>等行内元素设置 wdith 和 height 都不会生效,而在 quirks 模式下,则会生效。
设置百分比的高度:在 standards 模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置百分比的高度,子元素设置一个百分比的高度是无效的用margin:0 auto 设置水平居中:使用 margin:0 auto 在 standards 模式下可以使元素水平居中,但在 quirks 模式下却会失效。
其实面试过程中遇到不会回答的问题很正常,如果经过考察证明你的学习能力强,遇到不会的问题能够通过自己的能力快速掌握,面试官也有可能给你这个机会。但是实际的面试过程中并不能完全把希望寄托在面试官的善良上面。拥有真才实学才是你立足于职场的不败真理。
Quirks模式是什么?它和 Standards 模式有什么区别?这个问题,本文已经大体上解答了,还有很多内容并不能一一赘述。希望你在实际应用的过程中自己多多总结归纳。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端求职必备 常见前端面试题汇总(二)
一般情况下web前端面试的时候并不会设计特别复杂的问题。但是依旧有很多同学在比较基础的问题上栽了跟头。所以小编结合多套面试题,为大家整理出8个虽然简单面试题,即将面试或者正在面试的小伙伴速度参考一下,别让小问题组织了你高薪的步伐。
5977
2019-06-28 18:29:15
如何理解HTML结构的语义化?
HTML的语义化,就是在你写的HTML结构,是用相对应的有一定予以的英文字母来表示标记的。不仅对自己来说,更加容易阅读书写,别人再看你代码和结构的时候也会非常容易理解。因此在前端开发中,尽量使用官方的有予以的标签。
10185
2019-07-09 17:01:58
常见三大缓存问题分析及解决方案
一般来讲,常见三大缓存问题不外乎就是缓存穿透、缓存击穿、缓存雪崩。三者的共同点都是高并发,缓存更新、缓存失效居多。而且三者也会相互恶化,导致问题更加严重,因此一旦有一个问题就需要马上解决,以免最引起“雪崩”。本文将分别分析缓存并发、缓存雪崩、缓存击穿三大问题,并提出对应的解决方案。
6641
2019-11-01 18:23:18
Web前端HTML面试题及答案
Web前端HTML面试题及答案,HTML称为超文本标记语言,是一种标识性的语言。在前端开发中离不开HTML,支持不同数据格式的文件镶入,前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML面试题有哪些呢?
4529
2020-05-22 16:19:06
初中级前端程序员面试中小型公司会问哪些问题?
初中级前端程序员面试中小型公司会问哪些问题?不同的公司面试内容也不尽相同,有的面试过程很轻松,有的面试官是个架构师level 挺高不会问八股文,给出了几个现实中的场景,然后转换成代码的逻辑去让实现。
2349
2022-05-10 15:28:04