面试一直是程序员跳槽时期非常热的话题，虽然现在已经过了跳槽的旺季，下一轮跳槽季需要到明年才会出现，但是当跳槽季的时候你再看这篇文章可能已经晚了，过冬的粮永远不是冬天准备的，而是秋收的时候。

今天小编给大家分享一份可用于快速突击前端面试的知识点，希望可以帮助到大家。

知识点目录

篇幅限制，只展示了部分，完整版见文末

HTML基础

• doctype(文档类型) 的作用是什么？
• 这三种模式的区别是什么？(接上一问追问)
• HTML、XML 和 XHTML 有什么区别？
• 什么是data-属性？
• 你对HTML语义化的理解？
• HTML5与HTML4的不同之处
• 有哪些常用的meta标签？
• src和href的区别？
• 知道img的srcset的作用是什么？（追问）
• 还有哪一个标签能起到跟srcset相似作用？（追问）
• script标签中defer和async的区别？
• 有几种前端储存的方式？
• 这些方式的区别是什么？（追问）

CSS基础

• CSS选择器的优先级是怎样的？
• link和@import的区别？
• 有哪些方式（CSS）可以隐藏面元素？
• em\px\rem区别？
• 块级元素水平居中的方法？
• CSS有几种定位方式？
• 如何理解z-index？
• 如何理解层叠上下文？
• 清除浮动有哪些方法？
• 你对css-sprites的理解
• 你对媒体查询的理解？
• 你对盒模型的理解？
• 标准盒模型和怪异盒模型有什么区别？
• 谈谈对BFC(Block Formatting Context)的理解？
• 为什么有时候人们用translate来改变位置而不是定位？
• 伪类和伪元素的区别是什么？
• 你对flex的理解？
• 关于CSS的动画与过渡问题

JavaScript基础

HTTP协议

TCP面试题

DOM

浏览器与新技术

• 常的浏览器内核有哪些?
• 浏览器的主要组成部分是什么？
• 浏览器是如何渲染UI的？
• 浏览器如何解析css选择器？
• DOM Tree是如何构建的？
• 浏览器重绘与重排的区别？
• 如何触发重排和重绘？
• 如何避免重绘或者重排？
• 前端如何实现即时通讯？
• 什么是浏览器同源策略？

前端工程化

React面试题

Vue面试题

前端安全面试题

webpack面试题

算法面试题

字符串类面试题

如何通过HR面

面试回答问题的技巧

对这份面试指南感兴趣的小伙伴可以私信小编【111】免费获取啦

内容展示到这里就结束啦。归根到底候选人的基本功和丰富的项目经验才是硬道理，如果你看完了整篇文章,并进行了精心的准备,他是可以让你从75分到85分的实用技巧,而不是让你从55到85的什么秘籍。

最后祝愿大家都能拿到心仪的offer。