前端面试（二）：N轮面试

一面

在一面中要掌握什么技巧，主要考察前端开发的基础知识

1、面试技巧、页面布局类

页面布局小结：

• 语义化掌握到位
• 页面布局理解深刻
• CSS基础知识扎实
• 思维灵活且积极上进
• 代码书写规范

2、CSS盒模型、DOM事件类

BFC（边距重叠解决方案）

• BFC的基本概念
• BFC的原理
• 如何创建BFC
• BFC的使用场景

DOM事件

• DOM事件的级别
• DOM事件模型
• DOM事件流
• 描述DOM事件捕获的具体流程
• Event对象的常见应用
• 自定义事件

3、HTTP协议类、原型链类

HTTP协议

• 主要特点
• HTTP报文的组成部分
• HTTP方法——GPPDH
• POST和GET的区别
• HTTP状态码
• 持久连接
• 管线化

原型链类

• 创建对象的几种方法
• 原型、构造函数、实例、原型链
• instanceof
• new运算符

4、面向对象类、通信类

面向对象类

• 类与实例
• 类与继承

通信类

• 同源策略及限制
• 前后端如何通信
• 创建Ajax
• 跨域通信的方式

5、前端安全类、前端算法类

安全类

• CSPF（跨站请求伪造）攻击：原理、防御措施
• XSS（跨域脚本攻击）攻击：原理、防御措施

算法类

• 排序
• 堆栈、队列、链表
• 递归
• 波兰式和逆波兰式

二面

二面更侧重于对前端知识的深度和广度来进行考察，这个环节不再局限于基础知识，更多的是考察浏览器、JS引擎、项目实战等方面。

1、面试技巧

• 知识面要广
• 理解要深刻
• 内心要诚实
• 态度要谦虚
• 回答要灵活
• 要学会赞美

2、渲染机制类

• DOCTYPE概念及作用
• 浏览器渲染过程
• 重排Reflow
• 重排Repaint

3、JS运行机制

• 单线程的概念
• 任务队列
• Event Loop
• 异步任务

4、页面性能

• 资源压缩合并，减少HTTP请求
• 非核心代码异步加载—异步加载的方式—异步加载的区别
• 利用浏览器缓存—缓存的分类—缓存的原理
• 使用CDN
• 预解析DNS

5、错误监控

• 前端错误的分类——即时运行错误的捕获方式、资源加载错误
• 上报错误的基本原理——采用AJAX通信的方式或者利用image对象

三面/四面

描述在三面/四面要掌握什么技巧，在这个环节对工作2-3年的人特别重要，这个环节的面试官一般是技术负责人或者业务负责人，他们对候选人的考察不再局限于技术，更侧重综合能力。

1、业务技巧

• 准备要充分
• 描述要演练
• 引导找时机
• 优势要发挥
• 回答要灵活

2、业务能力

3、团队协作能力

4、领导能力

终面

这个环节同样不可忽视，情商、性格、潜力、薪资匹配度都可能成为候选人失败的“主观因素”。

1、面试技巧

• 乐观积极
• 主动沟通
• 逻辑顺畅
• 上进有责任心
• 有主张、做事果断

2、职业竞争力

• 业务能力
• 思考能力
• 学习能力
• 无上限的付出

3、职业规划

• 目标是什么
• 近阶段的目标
• 长期目标
• 方式方法