2018年BAT前端必考面试题全解析：doctype、元素类型与浏览器内核

需积分: 10 43 浏览量更新于2024-09-07 收藏 31KB DOCX 举报

身份认证购VIP最低享 7 折!

30元优惠券

前端必考面试是2018年各大互联网公司如BAT（百度、阿里巴巴、腾讯）面试中常出现的热门话题，涵盖了一系列核心知识点。以下是部分重要问题及其详细解答： 1. **Doctype的作用与区别**: Doctype是文档类型声明，用于告诉浏览器当前文档遵循哪种HTML版本规范。它在文档开头，对浏览器提供指导，确保正确解析文档模式。严格模式（quirks mode）和混合模式（quirks-like mode）是两种解析模式： - 严格模式：浏览器按照该浏览器支持的最高标准执行，通常提供最佳性能和现代浏览器特性的支持。 - 混合模式：旧式浏览器使用此模式，以向后兼容的方式解析文档，可能导致布局问题，因为其不严格遵循W3C规范。 2. **元素分类**: CSS通过`display`属性来区分行内元素（如`<span>`、`<a>`、`<img>`等）和块级元素（如`<div>`、`<ul>`、`<li>`等）。行内元素默认占据一行，而块级元素可以独占一行，并且可以设置宽高。 3. **link和@import的区别**: - `link`是HTML标签，用于引入外部CSS文件，会在文档加载时同步下载并应用样式。 - `@import`是CSS语法，但需注意IE5及以下版本不支持。它延迟加载CSS直到文档完全加载，这意味着`link`方式的样式优先级更高。 4. **浏览器内核**: - Internet Explorer使用的是Trident内核，而Mozilla的Gecko内核主要支持Firefox。 - Chrome和部分基于WebKit的浏览器（如Safari）使用Blink内核，而Opera曾用Presto，后来也转向了Blink。 5. **HTML5的新特性与兼容性**: HTML5带来了许多新特性，如Canvas用于图形渲染，video和audio元素支持媒体播放，以及本地存储（localStorage和sessionStorage）以实现离线数据存储。此外，它还引入了语义化标签（如`<article>`、`<footer>`等），增强了表单控件（如`<input type="email">`），以及新的API如Web Workers用于异步计算。处理HTML5新标签的兼容性问题，通常使用条件注释或polyfills（向后兼容代码），确保在不支持这些新特性的旧浏览器中提供备用行为。区分HTML和HTML5的关键在于HTML5文档的`<!DOCTYPE html>`声明，这是HTML5文档特有的。了解这些知识点对于准备前端面试至关重要，因为它涉及基础语法、浏览器解析机制以及现代Web开发的最佳实践。掌握这些内容能够帮助求职者在实际工作中高效地开发和维护前端项目，适应不断发展的技术趋势。

资源详情

资源推荐

优先级就近原则，同权重情况下样式定义最近者为准+

载入样式以最后载入的定位为准+

优先级为F

G"!!H%%HH!%%%%"!!比内联优先级高

11、CSS3 新增伪类举例：

FI"!D4D!选择属于其父元素的首个元素的每个元素。

F!D4D!%%选择属于其父元素的最后元素的每个元素。

FD4D!%%选择属于其父元素唯一的元素的每个元素。

FD#%%%%选择属于其父元素的唯一子元素的每个元素。

F!#D#JK%%选择属于其父元素的第二个子元素的每个元素。

F%%F控制表单控件的禁用态。

F# 单选框或复选框被选中。

12、如何居中 div？如何居中一个浮动元素？

给  设置一个宽度，然后添加 "FL ! 属性

M%%%%5!#FLLB+%%%%"FL !+N%%

居中一个浮动元素

确定容器的宽高宽 -LL高 LL的层设置层的外边距 .M%%2!#F-LLB+

##!FLLB+OO 高度可以不设 ("F  D-LB  L  L  D

-LB+%%!F"!+相对定位 " D"F+OO方便看效果 

4!F-LP+%%!F-LP+N%

列出  的值，说明他们的作用。! 的值， "! 和  ! 定

位原点是？

　　.象块类型元素一样显示。 缺省值。象行内元素类型一样显示

D象行内元素一样显示，但其内容象块类型元素一样显示。 !D

!象块类型元素一样显示，并添加样式列表标记。

　　.% !　生成绝对定位的元素，相对于 !!定位以外的第一个父元素

进行定位。

　　IB（老 , 不支持）生成绝对定位的元素，相对于浏览器窗口进行定

位。

　　"!　生成相对定位的元素，相对于其正常位置进行定位。

　　!!%%默认值。没有定位，元素出现在正常的流中 =（忽略 !6!!6

4!6"#!/DB声明）。

　　#"!规定从父元素继承 !属性的值。

13、为什么要初始化 CSS 样式？

剩余13页未读，继续阅读

weixin_42558709

粉丝: 0
资源: 3

2018年BAT前端必考面试题全解析：doctype、元素类型与浏览器内核

前端上机面试题

快速搞定前端技术一面.pdf

前端八股文面试题pdf

web前端八股文面试

前端面试常考哪些基础知识点？

前端开发工程师面试题目大全

前端技术支持面试开场白

前端面试宝典pdf 2022

前端开发工程师面试评价

阿里主管面试前端面试题

前端程序员面试笔试宝典pdf

web前端八股文面试题

2023web前端面试手册

2022前端面试csdn

前端面试题 43578943

高级前端工程师面试题答案 pdf

前端promise的面试题

前端diff算法面试

面试资料珠峰前端csdn

2021前端面试真题pdf

最新资源