2021最新前端面试题 面试题 2021最新前端面试题

前言：最近不是很忙，就整理了一下2021常见面试题

1、的title和alt有什么区别?

2、html5有哪些新特性、移除了那些元素？

3、WEB标准以及W3C标准是什么?

4、xhtml和html有什么区别?

5、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

6、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？

7、HTML全局属性(global attribute)有哪些

8、Canvas和SVG有什么区别？

9、HTML5 为什么只需要写 ？

1、实现一个div在不同分辨率下的水平垂直居中

2、左右固定，中间自适应样式

3、阐述清楚浮动的几种方式（常见问题）

4、解释css sprites ，如何使用？

5、box-sizing常用的属性有哪些？分别有什么作用？

6、CSS样式覆盖规则

7、请简要描述margin重合问题，及解决方式

8、 visibility:hidden区别？

9、重绘和回流

10、说说你对语义化的理解

11、为什么要初始化css样式？

12、移动端适配1px问题

13居中为什么要使用transform（为什么不使用marginLeft/Top）

14、介绍css3中position

15、上下固定，中间滚动布局如何实现

16、css实现border渐变

19、 css实现一个旋转的圆

20、css----BFC,IFC,GFC，FFC的区别

21、css3有哪些新特性

22、CSS3新增伪类有那些？

23、介绍一下标准的CSS的盒子模型？低版本IE的盒子模型(IE盒模型、怪异盒模型)有什么不同的？

24、行内元素float:left后是否变为块级元素？

25、::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用

26、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）

27、垂直塌陷及解决方法

详见

1、es6的新特性

2、promise的使用，怎么用es5实现promise

详见

3、if有作用域吗

4、原型链和作用域链的区别

5、js判断类型

6、数据类型怎么检测

7、普通函数和箭头函数的区别

8、如何用原生js给一个按钮绑定两个onclick事件？

9、document.write和innerHTML的区别

10、栈和堆的区别

11、undefined 和 null 区别

12、eval()的作用

13、JS哪些操作会造成内存泄露

14、谈谈垃圾回收机制方式及内存管理

15、什么是闭包，如何使用它，为什么要使用它？

16、请解释JSONP的工作原理，以及它为什么不是真正的AJAX

17、请解释一下Javascript的同源策略

18、关于JS事件冒泡与JS事件代理（事件委托）

19、new操作符到底到了什么

20、js延迟加载的方式有哪些？

21、promise、async有什么区别

22、== 和 =的区别，什么情况下用相等

23、bind、call、apply的区别

24、介绍暂时性死区

25、两个对象如何比较

26、介绍各种异步方案

27、Promise和Async处理失败的时候有什么区别

28、JS为什么要区分微任务和宏任务

29、Promise和setTimeout执行先后的区别

30、 setTimeout(0)和setTimeout(2)之间的区别

31、for…in 和 object.keys的区别

32、XML和JSON的区别？

33、说说你对AMD和Commonjs的理解

34、js的涉及模式

35、[“1”, “2”, “3”].map(parseInt) 答案是多少？

36、常见兼容性问题？

37、说说你对promise的了解

（1）promise是为解决异步处理回调金字塔问题而产生的 （2）有三种状态，pengding、resolve、reject，状态一旦决定就不会改变 （3）then接收resolve()，catch接收reject()

38、介绍js有哪些内置对象？

39、说几条写Javascript的基本规范？

40、Javascript有几种类型的值？，你能画一下他们的内存图吗？

41、href="#"与href=“javascript:void(0)的区别”？

42、对this的理解

43、promise.all 返回什么

44、多个await的执行顺序，如果要同步执行如何实现？