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

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

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

　　面试有几点需注意：

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

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

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

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

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

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

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

　　备注：

　　HTML

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

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

　　link 和@import 的区别是?

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

　　常见兼容性问题?

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

　　语义化的理解?

　　HTML5的离线储存?

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

　　iframe有那些缺点?

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

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