2021前端面试题精编.docx

PAGE PAGE 229 《前端初级工程师面试题精编解析大全》 前言 历时半年，我们整理了这份市面上最全面的前端初级工程师面试题解析大全。 包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。 前端面试题集锦——HTML 篇 14 你是怎么理解 HTML 语义化 14 你用过哪些 HTML5 标签 15 meta viewport 是做什么用的，怎么写？ 16 H5 是什么 16 label 标签的作用 16 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 17 a 标签中 如何禁用 href 跳转页面 或 定位链接 17 canvas 在标签上设置宽高 和在 style 中设置宽高有什么区别 17 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 17 iframe 有哪些缺点？ 18 HTML5 新特性 18 HTML5 离线储存 18 浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？ 19 Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义? 19 HTML 与 XHTML——二者有什么区别 20 前端面试题集锦——CSS 篇 20 页面渲染时，dom 元素所采用的 布局模型,可通过 box-sizing 进行设置。根据计算宽高的区域可分为： 20 ie 盒模型算上 border、padding 及自身（不算 margin），标准的只算上自身窗体的大小 css 设置方法如下： 20 几种获得宽高的方式 20 拓展各种获得宽高的方式 21 边距重叠解决方案(BFC) BFC 原理 21 css reset 和 normalize.css 有什么区别： 21 居中方法： 22 css 优先确定级： 23 如何清除浮动： 23 自适应布局： 24 画三角形： 24 link @import 导入 css： 24 长宽比方案： 24 display 相关： 25 CSS 优化： 25 CSS 开启 GPU 加速 25 开启 GPU 硬件加速可能触发的问题： 25 CSS 中 link 与@import 的区别： 25 CSS 选择器列表优先级及权重： 26 display:none 和 visibility:hidden 的区别： 26 position 的 absolute 与 fixed 共同点与不同点： 26 介绍一下 CSS 的盒子模型： 26 CSS 选择符有哪些？ 27 哪些属性可以继承？ 27 优先级算法如何计算？ 27 CSS3 新增伪类有哪些： 27 列出 display 的值，说明他们的作用： 28 position 的值，relative 和 absolute 分别是相对于谁进行定位的： 28 CSS3 有哪些新特性： 28 为什么要初始化 CSS 样式 28 canvas 在标签上设置宽高 和在 style 中设置宽高有什么区别： 29 什么是 css HACK？ 29 Less/Sass/Scss 的区别 29 css 与 js 动画差异： 30 CSS 预处理器(Sass/Less/Postcss)： 30 CSS 动画： 30 去除浮动影响，防止父级高度塌陷： 31 选择器优先级： 31 居中布局： 31 层叠上下文： 31 41.BFC： 32 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？ 32 box-sizing 属性？ 33 CSS 选择器有哪些？哪些属性可以继承？ 33 CSS 优先级算法如何计算？ 33 如何居中 div？如何居中一个浮动元素？如何让绝对定位的 div 居中？ 33 display 有哪些值？说明他们的作用? 34 position 的值？ 34 文字阴影： 34 font-face 属性： 35 圆角（边框半径）： 35 边框图片： 35 53.盒阴影： 35 媒体查询： 35 请解释一下 CSS3 的 flexbox（弹性盒布局模型）,以及适用场景？ 35 用纯 CSS 创建一个三角形的原理是什么？ 36 一个满屏品字布局如何设计? 36 为什么要初始化 CSS 样式 36 absolute 的 containing block 计算方式跟正常流有什么不同？ 3