一面
在一面中要掌握什么技巧，主要考察前端开发的基础知识
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、职业规划
- 目标是什么
- 近阶段的目标
- 长期目标
- 方式方法