Web前端程序员必备前端面试题汇总（1）

任何技术岗位面试的时候都要经过人力面试和技术岗位面试至少两次。人力面试一般也就是考察一下个人品质以及薪资问题，而技术岗位则是考察你是否有真才实学。本文和大家分享一个难到了很多前端工程师的面试题：Quirks模式是什么？它和 Standards 模式有什么区别？
下面就是针对这个问题的讲解。

从 IE6 开始，引入了 Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。

在 IE6 之前 CSS 还不够成熟，所以 IE5 等之前的浏览器对 CSS 的支持很差， IE6 将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数不为真时，dd 就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6 也是类似这样做的，它将 DTD 当成了这个“参数”，因为以前的页面大家都不会去写 DTD，所以 IE6 就假定如果写了 DTD，就意味着这个页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks 模式（怪癖模式，诡异模式，怪异模式）。

我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流3000人裙：前面：851 中间：231 最后：348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

区别：

总体会有布局、样式解析和脚本执行三个方面的区别。

盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks 模式下，IE 的宽度和高度还包含了 padding 和 border。

设置行内元素的高宽：在 Standards 模式下，给等行内元素设置 wdith 和 height 都不会生效，而在 quirks 模式下，则会生效。

设置百分比的高度：在 standards 模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto 设置水平居中：使用 margin:0 auto 在 standards 模式下可以使元素水平居中，但在 quirks 模式下却会失效。

其实面试过程中遇到不会回答的问题很正常，如果经过考察证明你的学习能力强，遇到不会的问题能够通过自己的能力快速掌握，面试官也有可能给你这个机会。但是实际的面试过程中并不能完全把希望寄托在面试官的善良上面。拥有真才实学才是你立足于职场的不败真理。

Quirks模式是什么？它和 Standards 模式有什么区别？这个问题，本文已经大体上解答了，还有很多内容并不能一一赘述。希望你在实际应用的过程中自己多多总结归纳。

Web前端程序员必备前端面试题汇总（1）相关推荐

Web前端求职必备常见前端面试题汇总（二）
一般情况下web前端面试的时候并不会设计特别复杂的问题.但是依旧有很多同学在比较基础的问题上栽了跟头.所以小编结合多套面试题,为大家整理出8个虽然简单面试题,即将面试或者正在面试的小伙伴速度参考一下, ...
前端开发需要掌握什么技术，成为一个高薪的web前端程序员很难吗？
一位优秀的前端开发工程师,技术是非常重要的.每年前端技术不断更替,学前端要掌握最新的知识才能赢在起跑线上.前端开发本身是一个高薪职业,但你的技术决定你的发展方向.那么,前端开发需要掌握什么技术,如何才 ...
Web前端程序员该如何准备面试？这些面试知识应该掌握
面试其实是实力和运气并存的事情,所以一方面我们要做好知识的准备,另一方面也要抓住时机,该出手就出手,那么Web前端程序员该如何准备面试呢?下面和一起来看看吧! 一:Web前端面试什么? 针对Web前端 ...
web前端程序员职位介绍
web前端程序员职位介绍: 1.1年以上React实际项目开发经验. 2.熟悉webpack配置. 3.熟悉ES6语法. 4.熟悉TypeScript编程语言. 5.熟悉antd ui框架. 计算机相 ...
一个合格的web前端程序员要学会哪些技能？
想要成为一名合格的web前端程序猿,要学习的东西有很多,那么web前端要学会哪些技能呢?来看看下面的详细介绍就知道了. 一个合格的web前端程序员要学会哪些技能?想从事web前端开发,只会HTML.C ...
如何识别一个人是web前端程序员
留意你们自己或者身边的web前端程序员,是不是经常把这几句话挂在嘴边? 1.还不行吗,你用的什么浏览器,版本多少? 2.重启试试,强刷试试,清缓存试试,其它浏览器呢! 3.接口挂了吧,抓包了吗? 4. ...
web前端程序员到底值多少钱？
对于互联网公司来说用户就是上帝,做好客户体验一切才有可能.所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用.那么web前端程序员到底值多少钱? web前端程序员到底值多少钱? ...
推荐一个Web前端程序员必须要吃透的书籍！
随着互联网时代的发展,Web进入2.0时代,前端开发的岗位逐渐独立出来,大量的前端程序员工资和技术水平飙升.前端框架层出不穷,新技术不断更新,作为前端的程序员也是倍感吃力.但为了高薪,每一个前端开发者 ...
适合Web前端程序员发展的二三线城市有哪些？
随着互联网的高速发展,IT人才的短缺现象将会越来越严重.据保守估计,中国市场对IT人才的需求每年超过20万人.IT界的人才缺口大,就代表着机会多. 现在,一线城市面临着房价高.房租贵.消费高.落户难. ...

Web前端程序员必备前端面试题汇总（1）

Web前端程序员必备前端面试题汇总（1）相关推荐

最新文章

热门文章

Web前端程序员必备 前端面试题汇总（1）

Web前端程序员必备 前端面试题汇总（1）相关推荐

最新文章

热门文章

Web前端程序员必备前端面试题汇总（1）

Web前端程序员必备前端面试题汇总（1）相关推荐