很多面试问题都是我自己和BAT面试遇到的。组织分享，希望更多的前端er一起进步，不仅适合求职者，也有利于巩固复习前端的基础。

更多的问题一路被我收集，有些是前几年收集的。答案不一定正确。如果有错误或更好的解决方案，请纠正。

前几个问题会很基础，越深入越深。

Html文章：

1.你测试过哪些浏览器的页面？这些浏览器的核心是什么？

ie :内核

Firefox:壁虎内核

Safari:webkit内核

Opera:曾经是presto内核，但是Opera现在切换到了GoogleChrome的Blink内核

Chrome:Blink(基于webkit，由谷歌和OperaSoftware开发)

2.每个HTML文件的开头都有一个很重要的东西，Doctype。你知道这是干什么的吗？

回答：DOCTYPE声明位于文档的前面，在html标记之前。这个标签告诉浏览器文档使用哪个HTML或XHTML规范。(重点：告诉浏览器根据什么规范来解析页面)

3.什么是3。怪癖模式？它和标准模式有什么区别

回答：

从IE6开始，引入了标准模式。在标准模式下，浏览器会尝试在指定的浏览器范围内正确处理符合标准的文档。

IE6之前，CSS还不够成熟，所以IE5之前的浏览器对CSS的支持较差，IE6会对CSS提供更好的支持。但是这个时候问题来了，因为很多页面都是基于旧的布局写的，如果IE6支持CSS，这些页面就会显示不正常。如何才能保证现有页面不被破坏，并提供新的渲染机制？

在编写程序时，我们经常会遇到这样的问题，比如如何保证原有的接口不变，提供更强大的功能，尤其是新功能和旧功能不兼容的时候。常见的解决这个问题的方法是添加参数和分支，即当一个参数为真时，我们就使用新的函数，如果这个参数不为真，我们就使用旧的函数，这样就可以在不破坏原程序的情况下提供新的函数。IE6也是这样。它把DTD作为这个“参数”。因为没有人会在前面的页面上写DTD，IE6假设如果写了DTD，就意味着页面会采用更好的支持CSS的布局，如果没有，就采用兼容前的布局。这是怪癖模式(怪癖模式，怪异模式，怪异模式)。

差异：

布局、风格分析、剧本执行三个方面有区别。

Box模型：在W3C标准中，如果设置一个元素的宽度和高度，是指元素内容的宽度和高度，而在Quirks模式中，IE的宽度和高度还包括填充和边框。