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

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

       一、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) 函数的区别。 

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

       Web前端开发的知识点繁多，要想真正掌握Web前端工程师开发技能，并非易事。想系统学习Web前端，就来千锋武汉Web前端培训机构报名吧，还可以免费试听两周，亲身实地感受教学品质，了解学员学习情况。

上一篇

你必须知道的，关于Java集合的五道面试题

下一篇

Python常见的一些面试题，太有用啦！