2018BAT前端面试必看：含答案与解析

需积分: 50 201 浏览量更新于2024-07-17 1 收藏 488KB PDF 举报

"2018年最新BAT前端面试题及答案" 在前端开发领域，BAT（百度、阿里巴巴、腾讯）等大型互联网公司的面试题目往往代表着行业内的高标准和前沿技术需求。以下是一些从给定内容中提炼出的重要知识点： 1. **DOCTYPE的作用**：DOCTYPE声明位于HTML文档的开头，它告诉浏览器文档应使用哪种HTML或XHTML规范进行解析。不同的DOCTYPE会使浏览器在严格模式或混杂模式下渲染页面。严格模式按照标准来解析，确保最佳的呈现效果；混杂模式则兼容老式浏览器，可能产生一些非标准行为。 2. **元素类型**：CSS中的`display`属性定义了元素的类型。块级元素如`div`通常占据整行，而行内元素如`span`在一行内显示，不会换行。常见的行内元素包括`a`、`span`、`img`、`input`、`select`和`strong`，而块级元素有`div`、`ul`、`ol`、`li`、`dl`、`dt`、`dd`、`h1`至`h6`以及`p`等。 3. **link与@import的区别**：`link`是HTML标签，用于外部样式表链接，加载时与文档同时加载，无兼容问题，其样式优先级较高。`@import`是CSS中的导入规则，它在页面加载完成后加载样式，只有IE5以上浏览器才支持，样式优先级低于`link`引入的样式。 4. **浏览器内核**：不同的浏览器采用不同的渲染引擎，例如，IE使用Trident内核，Mozilla Firefox使用Gecko，Chrome和Safari基于WebKit（现在Chrome使用的是Blink分支），而Opera早期的内核是Presto，现在也转向了Blink。 5. **HTML5的新特性**：HTML5引入了许多新功能，如Canvas用于画布绘图，`<video>`和`<audio>`元素用于媒体播放，LocalStorage和SessionStorage提供本地存储，新的语义化标签如`<article>`、`<footer>`、`<header>`、`<nav>`和`<section>`增强内容结构，还有改进的表单控件如日期选择、电子邮件验证等。 6. **浏览器兼容问题处理**：对于HTML5新标签的兼容，可以使用JavaScript库如Modernizr检测浏览器对新特性的支持，或者通过条件注释和JavaScript为不支持新标签的老版本浏览器添加polyfill，使它们能够理解并渲染这些标签。 7. **区分HTML和HTML5**：HTML5的一个显著标识是引入了新的标签，这些标签具有更强的语义性，帮助开发者更好地组织内容。此外，HTML5还增加了离线存储、拖放功能、地理定位、Web Workers和Web Sockets等新特性。在文件头，HTML5通常使用`<!DOCTYPE html>`简化的DOCTYPE声明，而HTML4可能使用更复杂的DTD声明。了解并掌握这些前端面试中的核心知识点，对于前端开发者来说至关重要，不仅有助于通过面试，也能提升实际项目中的开发效率和代码质量。

:checked 单选框或复选框被选中。

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

给 div 设置一个宽度，然后添加 margin:0 auto 属性

div{ width:200px; margin:0 auto; }

居中一个浮动元素

确定容器的宽高宽 500 高 300 的层设置层的外边距 .div { Width:500px ;

height:300px;//高度可以不设 Margin: -150px 0 0 -250px; position:relative;

相对定位 background-color:pink;//方便看效果 left:50%; top:50%;}

列出 display 的值，说明他们的作用。position 的值， relative 和 absolute 定位

原点是？

1.block 象块类型元素一样显示。 none 缺省值。象行内元素类型一样显

示。 inline-block 象行内元素一样显示，但其内容象块类型元素一样显

示。 list-item 象块类型元素一样显示，并添加样式列表标记。

2. absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素

进行定位。

fixed （老 IE 不支持）生成绝对定位的元素，相对于浏览器窗口进行定

位。

relative 生成相对定位的元素，相对于其正常位置进行定位。

static 默认值。没有定位，元素出现在正常的流中 *（忽略 top, bottom, left,

right z-index 声明）。

inherit 规定从父元素继承 position 属性的值。

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

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对

CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有

一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初

始化方法就是： * {padding: 0; margin: 0;} （不建议）淘宝的样式初始化： body,

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,

剩余18页未读，继续阅读

君夙

粉丝: 7
资源: 24

2018BAT前端面试必看：含答案与解析

自己整理的一些前端面试笔试题pdf.pdf

100个常见面试问题和答案

Web前端开发经典面试题（附参考答案）

bat-cave创建bat图标

nodejs使用bat-cave库创建bat文件并赋予图标

bat前端面试题2019

bat-id如何识不同电池

BAT-使用BAT方法删除目录下0KB文件

centos7 运行bat脚本

bat to sh converter

最新资源