在web前端工程师求职过程中，除了拥有过硬的前端技术外，还需要具备一定的面试技巧。前端工程师在面试时，面试题是必考项，因此在面试之前需要我们多了解各大企业的面试要求以及面试题目，以便提高面试成功率。在此，小千为大家整理了常见的web前端开发面试题汇总，希望对大家有所帮助！

　　HTML常见题目

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

　　02、HTML5为什么只需要写?

　　03、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

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

　　05、介绍一下你对浏览器内核的理解?

　　06、常见的浏览器内核有哪些?

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

　　08、如何区分HTML和HTML5?

　　09、简述一下你对HTML语义化的理解?

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

　　CSS类的题目

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

　　02、CSS选择符有哪些?哪些属性可以继承?

　　03、CSS优先级算法如何计算?

　　04、CSS3新增伪类有哪些?

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

　　06、display有哪些值?说明他们的作用。

　　07、position的值relative和absolute定位原点是?

　　08、CSS3有哪些新特性?

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

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

　　JavaScript类的题目

　　01、JavaScript中 this 是如何工作的

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

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

　　04、.call 和 .apply 的区别是什么?

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

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

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

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

　　09、什么是事件循环 (event loop)?

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

　　开发及性能优化类题目

　　01、如何规避javascript多人开发函数重名问题?

　　02、请说出三种减低页面加载时间的方法.

　　03、说说你所了解到的Web攻击技术。

　　04、说说你了解的前端性能优化方法?

　　05、前端开发中，如何优化图像?图像格式的区别?

　　06、浏览器是如何渲染页面的?

　　07、页面重构怎么操作?

　　08、什么叫优雅降级和渐进增强?

　　09、前端需要注意哪些SEO?如何做SEO优化?

　　10、平时如何管理你的项目?

　　以上小千对HTML、CSS、JavaScript、开发及性能优化这四大类的web前端开发面试题进行了汇总，以上都是在面试中出现频率较高的题目，快来测试一下吧！更多关于“Web培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。