前端面试必备:2018BAT面试题解析

需积分: 9 7 下载量 166 浏览量 更新于2024-07-17 收藏 800KB PDF 举报
"这份2018年的PDF文件聚焦于前端开发者在面试中可能会遇到的问题,主要涵盖了HTML、CSS和浏览器内核等基础知识。" 详细知识点解析: 1. DOCTYPE的作用及其模式: - DOCTYPE声明是HTML文档的开头部分,它告诉浏览器文档应按照哪种DOCTYPE规范进行解析。 - 严格模式(standards mode)按照W3C的标准执行,确保网页在现代浏览器中的表现一致。 - 混杂模式(quirks mode)是为了兼容旧版浏览器,使网页能正常显示,遵循的是早期浏览器的解析规则。 - 如果DOCTYPE声明缺失或错误,浏览器会默认进入混杂模式。 2. 行内元素与块级元素: - CSS中的display属性决定元素的类型,例如div是默认的块级元素,span是默认的行内元素。 - 常见的行内元素包括:a, b, span, img, input, select, strong等。 - 常见的块级元素包括:div, ul, ol, li, dl, dt, dd, h1到h6, p等。 - 块级元素通常占据整行,而行内元素则在同一行内并排显示。 3. link与@import的区别: - link是HTML标签,用于链接外部样式表,同时加载。 - @import是CSS语法,样式表加载在文档加载完成后。 - @import在较旧的IE浏览器中可能不被支持,而link没有兼容性问题。 - link的样式优先级高于@import引入的样式。 4. 浏览器内核: - Internet Explorer使用Trident内核。 - Mozilla Firefox使用Gecko内核。 - Google Chrome和现在的Opera使用Blink内核(源于WebKit)。 - 早期的Opera使用Presto内核。 5. HTML5的新特性及兼容性处理: - HTML5新增特性包括:canvas画布、video和audio媒体元素、离线存储(localStorage和sessionStorage)、新的语义化标签(如article, footer, header, nav, section)以及新的表单控件等。 - 浏览器兼容性处理通常通过Modernizr库检测浏览器对HTML5特性的支持,或者使用polyfill(提供不被支持的API的功能模拟)来填补旧浏览器的不足。 - 区分HTML和HTML5,主要看是否使用了HTML5特有的标签(如<header>、<footer>)、API(如localStorage)或doctype声明(`<!DOCTYPE html>`)。 这些内容对于准备前端面试的求职者来说至关重要,理解并掌握这些基本概念和技能将有助于在面试中表现出色。