Web前端干货！30道Web前端面试题精选，你会几个？

时间匆匆流转，夏去秋来。社会发展职位变更，职场上又迎来了一波人才们更换的高潮。换工作就总免不了要去面试，那么本文我分享的这30道常见Web前端面试题可以助你一臂之力。

以下30到Web前端面试答出了大多数的或者是全部的题表明你的基础扎实；只答出小部分或者答出了大部分题但答案不正确，说明水平还差的远，基础知识不扎实距离拿高薪还很遥远，需要基础夯实基础。

一、HTML常见题目

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

2、HTML5为什么只需要写？

3、行内元素有哪些？块级元素有哪些？空(void)元素有那些？

4、页面导入样式时，使用link和@import有什么区别？

5、介绍一下你对浏览器内核的理解？

6、常见的浏览器内核有哪些？

7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？

8、如何区分HTML和HTML5？

9、简述一下你对HTML语义化的理解？

10、HTML5的离线储存怎么使用，工作原理能不能解释一下？

二、CSS类的题目

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？

2、CSS选择符有哪些？哪些属性可以继承？

3、CSS优先级算法如何计算？

4、CSS3新增伪类有那些？

5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？

6、display有哪些值？说明他们的作用。

7、position的值relative和absolute定位原点是？

8、CSS3有哪些新特性？

9、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？

10、用纯CSS创建一个三角形的原理是什么？

三、JavaScript类的题目

1、JavaScript 中 this 是如何工作的

2、请解释原型继承的原理。

3、什么是闭包 (closure)，如何使用它，为什么要使用它？

4、.call 和 .apply 的区别是什么？

5、请指出 JavaScript 宿主对象 (host objects) 和原生对象 (native objects) 的区别？

6、请指出以下代码的区别：function Person(){}、var person = Person()、var person = new Person()？

7、请解释变量声明提升 (hoisting)。

8、什么是 “use strict”; ? 使用它的好处和坏处分别是什么？

9、什么是事件循环 (event loop)？

10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。

以上我分享的30道Web前端面试题你会几个呢？如果你10个都答不出来，那你就需要好好的学习Web前端，夯实自己的基础，只有掌握了核心的专业技能才能找到自己满意的高薪工作。