前言

如果能收到面试，说明简历已经基本能让面试官满意。

接下来的面试环节最主要的目的就是看你有没有在简历中造假，看看你的实力是否真的符合简历上的描述。个人是否有责任心，能抗压，有没有一定的学习能力等等。

这时面试环节一般分为以下四个部分：

• 面试题：这个环节主要针对你的技术实力做个初步考察，看看是否与简历相符，是否符合公司要求。
• 简历提问：这个环节会根据你的简历提问，比如问你在过往项目中担任的角色，开发的内容，深入细究项目的实现。在考察技术理解的同时也是为了识别有没有在简历当中造假。
• 相互交流：这个环节双方会聊得比较轻松，生活学习兴趣也会有所交流。通过些交流能初步判断一个人是否靠谱，是否有责任心，是否有学习能力，是否能接受新技术等等。
• 你来提问：这个环节面试官会问你有什么可问的，一般人可能会问薪资待遇，是否加班和假期等等，这当然很正常。你也可以问一下你入职后担任的角色，负责的工作内容，这会比较加分。

面试题资源

资源

• 前端面试题宝典
• 互联网大厂面试每日一题
• Front End Interview Handbook

重点题目

以下总结了一些常考的题目，大家可以着重理解。

HTML

什么是 HTML 语义化？

script 标签中， async 和 defer 两个属性有什么用途和区别？

如何禁用a标签跳转页面或定位链接?

SPA应用怎么进行SEO？

请描述cookiesessionstorage和localstorage的区别

CSS

行内元素和块级元素有什么区别

为何CSS不支持父选择器？

如何从html元素继承box-sizing？

CSS 垂直居中有哪些实现方式？

怎么让CSS flex布局最后一行列表左对齐？

分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景

em/px/rem/vh/vw 这些单位有什么区别？

JavaScript

var、let、const之间有什么区别？

你是怎么理解ES6中 Promise的？使用场景有哪些？

怎么理解ES6中 Generator的？使用场景有哪些？

你是怎么理解ES6中Proxy的？使用场景有哪些?

你是怎么理解ES6中Module的？使用场景有哪些？

你是怎么理解ES6中 Decorator 的？使用场景有哪些？

== 和 ===有什么区别，分别在什么情况使用？

说说你对闭包的理解，以及闭包使用场景

JavaScript中的原型，原型链分别是什么?

Javascript如何实现继承？

谈谈对 this 对象的理解

typeof 与 instanceof 有什么区别

说说new操作符具体干了什么？

举例说明你对尾递归的理解，以及有哪些应用场景

Javascript本地存储的方式有哪些，有什么区别，及有哪些应用场景？

Promise中，resolve后面的语句是否还会执行？

箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

Vue

说说你对Vue生命周期的理解

Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

vue路由中，history和hash两种模式有什么区别？

说说 Vue 中 CSS scoped 的原理

vue 中 $route 和 $router 有什么区别？

vue3中怎么设置全局变量？