前端面试标准及考察方式

一、面试考察量化方案
针对面试题的回答，每道题的分数大致分级为S（100）、A（90）、B（75）、C（60）、D（0）。

S - 对问题分析到位，解决方案合理有效，并考虑到面试官未考虑到的点

A - 对问题分析到位，解决方案合理有效，或分析基本到位，但解决方案有亮点

B - 对问题分析基本到位，解决方案没有严重漏洞，或通过引导达到合理有效

C - 对问题分析错误或过于片面，面试官引导后能意识到错误回到正轨，但没有给出解决方案或解决方案有明显漏洞

D - 对问题分析错误，面试官引导后未能意识到错误

面试应至少10题（不同的考察面），若1个S/一半B及以上建议录用，有D的情况需考虑特殊情况或继续深入考察。

一个C抵消一个A；

一个D抵消一个S或两个A或3个B。

面试的过程应该是发现优点、亮点，最好能够补齐团队中缺少的短板

二、前端面试考察范围
以考察前端基础知识、编码能力、计算机基础知识、业务/系统安全方面、项目管理/推进能力、逻辑思维能力、创造力等为主要目的，覆盖面包括但不限于

基础知识:
前端基础知识，JS、CSS、DOM操作、平台差异应该熟知并能灵活应用，例如：页面中1px的问题是如何处理的
网络通信，HTTP ,   对TCP/IP协议有系统、深入的了解，例如：三次握手四次挥手等
性能优化，应熟知常见的优化方案，例如：重绘回流应该知道怎么避免
架构能力，常见的前端项目架构，如：MVC、MVVM等。及相关实现框架的使用，优缺点的分析
基础算法，前端可以侧重于考察二叉树、排序、查找、字符串或数组等的处理等

JS
6个基础数据类型及判断方式

数组的方法：some、any、forEach、filter、reduce、join、splice、concat、flatMap

字符串的方法：split、replace、charAt、match、subString、trim

函数相关：闭包、curry

对象的方法：assign、create、freeze、defineProperties、keys、values、hasOwnProperty

数据的引用类型：深拷贝

原型链

基于原型链的继承方式

this

instanceof

new操作的基本原理

Event Loop

正则表达式

ES6、7等的特性：结构赋值、箭头函数、装饰器原理、promise、async、proxy

模块化方案

js的bug，如浮点数运算正确的比较方式（0.1 + 0.2  !== 0.3）

CSS
BFC

margin、padding 百分比计算规则

盒模型

动画

position

display

选择器的优先级

DOM相关
insertBefore、实现insertAfter

Node相关的方法，考察常用的，例如：parentNode、childNodes

document相关方法：createElement、querySelector[All]

重绘和回流

浏览器渲染的流程、script的不同异步方案

事件触发机制

浏览器的同源限制策略

canvas

HTTP相关
状态码的意义：200、302、304、4XX、5XX

请求头、响应头字段

请求方法

http2.0版本的改进

缓存

服务器推送实现方式

扩展能力:
技术广度，在开发流程中的各个环节的认知，对使用工具或技术方案选型的分析，应不局限于前端的思维，例如：JSONP是怎么实现的，后端是怎么处理的
安全意识，安全，应该熟悉常见的攻击方式，例如：XSS、CSRF
分析能力，给出某一种场景，让分析、分解、处理问题
理解能力，对于提出等问题是否能够抓住核心、是否能够在沟通后理解面试者的意图
沟通能力，在面试过程中是否沟通通畅，候选人措辞是否得当，是否在短暂的面试中存在冲突，
组织能力，是否主动做方法的总结、对知识的传递等，这块主要看是否有意识去总结解决方案，例如：写博客、做开源项目、内部分享等

三、前端技术招聘要求
1、前端技术专家
本科及以上学历，5年以上Web/移动开发经验；

在项目管理、团队管理上有至少2年的经验，带过5+人的研发团队；

熟悉MVC/MVVM框架/相关技术栈；

熟悉使用Vue.js或React.js框架，研究过其源码实现或提交过PR；

熟悉Rollup/Webpack等工具，熟悉前端项目工程化的流程和方法，对复杂工程有很强的组织能力；

前端性能优化，熟练使用各种调试抓包工具，能独立分析、解决和归纳问题并输出相应方案；

能够在开发中避归常见的安全与性能问题；

有大型网站前端架构、前端性能、可访问性、可维护性等方面的实践经验；

对计算机基础知识融会贯通，没有明显短板；

技术视野广阔，有主导前端技术方案设计的能力和经验；

主观能动性强，推动过项目的立项及输出成果；

个性乐观开朗，逻辑性强，善于和各种背景的人合作；

技术社区活跃分子或有开源项目者优先；

2、资深前端工程师
本科及以上学历，3年以上Web/移动开发经验；

精通各种Web前端技术（HTML/CSS/Javascript等)，熟练跨浏览器、跨终端的开发；

熟悉一种MVC框架（如：Angular、Ember或其他）；

熟练使用Express/koa框架，熟悉 nodejs 的stream结构，对sockjs/socket.io等websocket框架有所理解；

熟悉异步IO，熟练使用Promise, 对组件化开发模式有较深入的理解；

熟悉Browserify/Webpack等工具，熟悉前端项目工程化的流程和方法，对复杂工程有很强的组织能力；

熟悉手机Hybrid App的功能与性能，优化架构标准，提高产品的实用性；

对程序优化执行、内存控制等有所见解；

能够在开发中避归常见的安全与性能问题；

对TCP/IP相关的基础理论有较系统、深入的了解；

加分项

有React 框架的开发经验， 用React Native, React Web 开发上线过移动端或Web端项目优先；

有大型网站前端架构、前端性能、可访问性、可维护性等方面的实践经验优先；

技术视野广阔，有主导前端技术方案设计的能力和经验；

个性乐观开朗，逻辑性强，善于和各种背景的人合作，有一定的项目管理、团队管理经验；

3、前端(高级)工程师
本科及以上学历，2年以上Web/移动开发经验；

熟悉各种Web前端技术（HTML/CSS/Javascript等)，熟练跨浏览器、跨终端的开发；

熟悉一种MVC框架（如：Angular、Ember或其他）；

了解Browserify/Webpack等工具，熟悉前端项目工程化的流程和方法；

了解手机Hybrid App的功能与性能，有自驱力持续优化，提高产品的实用性；

能够在开发中避归常见的安全与性能问题；

对TCP/IP/HTTP相关的基础理论有所了解；

加分项

有网络及应用安全领域工作经验者优先，熟悉SMTP、POP、IMAP协议者优先；

有大型网站前端架构、前端性能、可访问性、可维护性等方面的实践经验优先；

技术视野广阔，有主导前端技术方案设计的能力和经验；

个性乐观开朗，逻辑性强，善于和各种背景的人合作；

四、面试工作
1、提供面试题
应该有一套笔试题，4-6道左右，时间控制在20分钟左右，用于：

让候选人进入状态
让面试者可以分析下候选人的基本情况，准备面试问题
为后面的面试问题提供入口
注：应避免需要大量文字描述的题及没有必要深入讨论下去的题

2、做面试记录
面试者应该做面试记录，方便于其他面试者沟通，面试记录包括但不限于：

候选人情况
面试问题
每道题的得分
回答的亮点
回答的缺陷
候选人的问题（可以了解到候选人对职位的意愿、候选人关注的情况等）
总结

Mrs-Gpl/面试

内容风险标识

评论 (0)

Mrs-Gpl/面试 .gitee-modal { width: 500px !important; }

内容风险标识