2020-2021前端校招面试题附答案解析【建议收藏】

第一章 HTML

1.浏览器页面有哪三层构成，分别是什么，作用是什么?

参考答案：
构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript
作用：HTML 实现页面结构，CSS 完成页面的表现与风格，JavaScript 实现一些 客户端的功能与业务。

2.HTML5 的优点与缺点？

参考答案：
优点：
a、网络标准统一、HTML5 本身是由 W3C 推荐出来的。
b、多设备、跨平台
c、即时更新。
d、提高可用性和改进用户的友好体验；
e、有几个新的标签，这将有助于开发人员定义重要的内容；
f、可以给站点带来更多的多媒体元素(视频和音频)；
g、可以很好的替代 Flash 和 Silverlight；
h、涉及到网站的抓取和索引的时候，对于 SEO 很友好；
i、被大量应用于移动应用程序和游戏。
缺点：
a、安全：像之前 Firefox4 的 web socket 和透明代理的实现存在严重的安全问 题，同时 web storage、web socket 这样的功能很容易被黑客利用，来盗取用 户的信息和资料。
b、完善性：许多特性各浏览器的支持程度也不一样。
c、技术门槛：HTML5 简化开发者工作的同时代表了有许多新的属性和 API 需要 开发者学习，像 web worker、web socket、web storage 等新特性，后台甚至 浏览器原理的知识，机遇的同时也是巨大的挑战
d、性能：某些平台上的引擎问题导致 HTML5 性能低下。
e、浏览器兼容性：最大缺点，IE9 以下浏览器几乎全军覆没。

3.Doctype 作用? 严格模式与混杂模式如何区分？它们有何 意义?

参考答案：
回答 1：
（1） 声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么 文档类型 规范来解析这个文档。
（2）严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。
（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行 为以防止站点无法工作。
（4）DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。

回答 2：
doctype 声明指出阅读程序应该用什么规则集来解释文档中的标记。在 Web 文档 的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则 是 W3C 所发布的一个文档类型定义（DTD）中包含的规则。
（1）声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文 档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格 版本、过渡版本以及基于框架的 HTML 文档。
（2）所谓的标准模式是指，浏览器按 W3C 标准解析执行代码；怪异模式则是使 用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所 以我们称之为怪异模式。 严格模式是浏览器根据 web 标准去解析页面，是一种 要求严格的 DTD，不允许使用任何表现层的语法，如。严格模式