HTML前端开发面试题及前端知识

本文收集并总结了一些优质的前端面试题，初学者看后也要用心钻研其中的原理，重要知识需要系统學習，透彻學習，形成自己的知识链。万不可投机取巧，只求面试过关是错误的!

前端界新的行业标准,框架,库不断在更新和新增，正如赫门在2015深JS大会上《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美，所以前端程序员们，继续學習吧。

在网上发现此题目很多的分支，但都是直接拷贝粘贴，连答案和格式都没去审查修改，实在无语。我也收到许多微博私信的鼓励和更正题目信息，我这么粗心大意的人也觉得应该更新一下题目和答案，希望能帮助到更多的前端开发者。

面试有几点需注意：

面试题目：根据你的等级和职位变化，入门级到专家级：广度↑、深度↑。

题目类型：技术视野、项目细节、理论知识，算法，开放性题，工作案例。

细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的學習，绝对不是临时记得住的。

回答问题再棒，面试官(可能是你面试职位的直接领导)，会考虑我要不要这个人做我的同事?所以态度很重要。(感觉更像是相亲)

资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能(靠谱)。

前端开发面试知识点大纲：

作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：

备注：

HTML

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

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

link和@import的区别是?

浏览器的内核分别是什么?

常见兼容性问题?

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

语义化的理解?

HTML5的离线储存?

(写)描述一段语义的html代码吧。

iframe有那些缺点?

请描述一下cookies，sessionStorage和localStorage的区别?

WebSocket如何兼容低浏览器?(阿里)