2020-2021年最高频186道前端面试真题，以及美团技术学习笔记、字节真题解析、前端面试题精编

前言

2021年已经快过去一半了，时间一眨眼就过去了。今年金三银四面试有没有被面试官虐呢，金九银十跳槽想跳去哪个大厂呢，这是个问题。说实话，今年我面试也被虐了，为了金九银十能找到一份心怡的工作，花了半个月时间搜罗整理，下面是最高频的186道前端面试真题，文末还有更多资料以及获取方式。

前端基础面试题

HTML
1，你如何理解HTML结构的语义化
2，说说title和alt属性
3，Html5有哪些新特性、移除了哪些元素
4，Label的作用是什么?是怎么用的?
5，浏览器是怎么对Html5的离线储存资源进行管理和加载的呢
6，iframe有那些缺点?7，HTML W3C的标准
8,Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
9，HTML全局属性(global attribute)有哪些
10，viewport的content属性作用
11，meta相关
12，div+css的布局较table布局有什么优点
13，简述一下src与href的区别
14，知道的网页制作会用到的图片格式有哪些
15，如何在 HTML5页面中嵌入音频与视频?

CSS
1，水平居中的方法
2，垂直居中的方法
3，link 与@import的区别
4，三列布局(中间固定两边自适应宽度)
5，BFC有什么用
6，清除浮动的几种方式
7，CSS3有哪些新特性
8，css3新增伪类–伪元素
9，为什么要初始化CSS样式
10，IE盒子模型、w3C盒子模型
11，请解释—下cSS3的Flexbox 3弹性盒布局模型)，以及适用场景
12，display:inline-block 什么时候不会显示间隙?
13，行内元素float:left后是否变为块级元素?
14，如果需要手动写动画，你认为最小时间间隔是多久，为什么?
15，displaytinline-block 什么时候会显示间隙?
16，CSS权重，计算规则
17，Sass、LESS是什么?大家为什么要使用他们?
18,stylus, sass, less区别
19, rgba(和opacity的透明效果有什么不同?
20，px和em的区别
21，使用css实现一个持续的动画效果
22，，重排和重绘
23，什么情况会触发重排和重绘?

JavaScript
1，说几条JavaScript的基本规范
2，闭包
3，变量对象
4，作用域
5，说说你对作用域链的理解
6，JavaScript原型，原型链?有什么特点?
7，什么是事件委托
8，类的创建
9，如何实现继承?
10&#x