【金九银十】2021年最新、最全、最实用的前端面试真题(附:pdf+电子书)

前言

2021年已经过去一半眼看着"金九银十"也快到来了，很多小伙伴都蠢蠢欲动想要刚给自己涨一波薪资；面试作为涨薪最直接最有效的方式，我们需要花费巨大的精力和时间来准备。除了自身的技术积累之外，掌握一定的面试技巧和熟悉最常见的面试题，一定会让我们如虎添翼。

面试题分享

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，谈谈This对象的理解
11，事件模型
12,new操作符具体干了什么呢?
13，Ajax原理
14，Ajax解决浏览器缓存问题
15，如何解决跨域问题?
16，说说你对AMD和Commonjs的理解
17，js的7种基本数据类型
18，介绍js有哪些内置对象
19，JS有哪些方法定义对象
20，你觉得jQuery源码有哪些写的好的地方
21，null，undefined的区别