帮你总结web前端校招面试题合集，成功拿下offer

前言

正值校招季，如何拿到心仪的 offer，进入梦寐以求的大厂，实现自己的职业理想。是每一位计算机相关专业学生的一个梦想，对此我特地为大家整理了各大厂前端面试题，希望能帮助各位进大厂。

校招流程

一般是1轮笔试 + 2-3轮技术面 + 交叉面 + hr面

笔试
现在都是在线笔试，面试官可以实时看到你写的代码，笔试的时候注意代码风格和变量命名，对题目有疑问的话及时和面试官反馈，笔试题无外乎实现样式、实现函数这些，可能会顺带考察下数据结构和算法

技术面
第一轮技术面一般考察基础（有时候笔试和一面会在一起）

第二轮会考察技术广度，也会结合项目来问、主要考察解决问题的思路

第三轮一般是部门boss面，可能脱离前端技术，但是考察点无外乎这三点前端基础、学习能力、学习热情

交叉面
和之前的boss面类似，只是换个部门的boss

HR面
聊人生聊理想啥的，看是否符合聪明 皮实 乐观 自省这些特质

大厂面试题（点击查看）

第一章 HTML

1.浏览器页面有哪三层构成，分别是什么，作用是什么?
2.HTML5的优点与缺点？
3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
7.说说你对HTML5认识?（是什么,为什么）
8.对WEB标准以及W3C的理解与认识?
9.HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么优点?
11.请你描述一下 cookies，sessionStorage 和 localStorage 的区别?
12.说说你对HTML语义化的理解?
13.link和@import的区别?
14.说说你对SVG理解?
15.HTML全局属性(global attribute)有哪些?
16.说说超链接target属性的取值和作用？
17.data-属性的作用是什么？
18.介绍一下你对浏览器内核的理解？
19.常见的浏览器内核有哪些？
20.iframe有那些缺点？
21.Label的作用是什么，是怎么用的？
22.如何实现浏览器内多个标签页之间的通信?
23.如何在页面上实现一个圆形的可点击区域？
24.title与h3的区别、b与strong的区别、i与em的区别？
25.实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？
…

第二章 CSS

1.解释一下CSS的盒子模型？
2.请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
3.请你说说CSS有什么特殊性?（优先级、计算特殊值）
4.要动态改变层中内容可以使用的方法？
5.常见浏览器兼容性问题与解决方案？
6.列出display的值并说明他们的作用？
7.如何居中div, 如何居中一个浮