前端面试全攻略:技术拆解 + 简历优化指南

2025-05-27
tool
78

面试顺序

  1. 一面面试官一般是部门组长或者有经验的一线开发,主要是纯技术面

  2. 二面面试官一般是较差面试,也是一轮技术面,和一面差不多,会岔开技术点

  3. 三面一般是部门主管面试,会问项目经历,挖一挖技术深度

技术面试题目大纲

计算机网络

HTML + CSS

JS 基础

浏览器运行模式

前端工程化

前端框架

算法题

题目拆解

建议熟练掌握面试八股文:https://juejin.cn/post/7016593221815910408

计算机网络

  • http

  • cookie

  • RESTful 接口

HTML + CSS

  • 盒子波形

  • 居中方法

  • BFC

  • 三角形、正方形

JS 基础

  • JS 数据类型

  • 类型校验

  • 闭包

  • promise

  • 。。。

浏览器运行模式

  • 输入 url 到页面渲染出来的过程

  • 多线程

  • webworker

前端工程化

  • webpack

  • ast

  • babel

前端框架

  • vue

  • react

算法题

面试失败不要气馁,沮丧。这不是我们的问题,很多时候是技术方向不匹配。同时,通过面试能更快的查漏补缺,面完迅速梳理总结面试内容,为下一场面试打好基础。

简历怎么写

简历格式先不说,主要看项目介绍,项目介绍要通过几句话突出个人技术优势,给面试官一个好的映象。

普通简历

三 蜂鸟水印打卡相机(app 安卓端)

项目介绍:

工作蜂打卡水印相机 app是一款拍照 app,用户还可以在相机上添加时间地点等信息,在拍照的同时实现了打卡的功能。

项目职责:

负责开发项目整体的搭建及维护

应用技术:

使用 react-native 来开发项目。

使用阿里云一键登录 SDK 完成用户登录

使用阿里云身份验证+人脸识别完成用户真实信息验证

编辑按钮可以通过 id 来判断是否是点击了编辑按钮,来进行数据回显

使用库 react-native-camera 调用摄像头来实现拍照拍视频

通过 base64 字符串图片保存到相册,支持ios 和安卓

配合测试完成对项目 bug的调试

来分析一下问题,这个简历叙述是大部分简历的通病,问题如下

  1. 内容冗长,无重点,无结构,看着费劲,完全是流水账,浪费面试官时间

  2. 项目全是日常开发内容,没有自我提升、优化的部分

面试官想看的简历是:

  1. 结构清晰简洁,一眼看到重点

  2. 通过技术手段,解决问题。不是一个搬砖机器

  3. 性能优化、效率提升等方案,以及对应的提升数据

  4. 自我驱动,敢为人先

怎么改进

主体内容按照 (重点工作) + 核心手段 + 成果指标 的的模式行文

(关键点:具体方法 + 量化结果,体现技术深度和问题解决能力)

如果是面试,可进一步补充:

  • “你是如何发现性能瓶颈的?”​ → 通过性能工具监控帧率和操作耗时。

  • “为什么选择这些优化策略?”​ → 平衡效果与资源消耗,避免过度优化。

改动之后

项目介绍:

工作蜂打卡水印相机 app 是一款拍照 app,用户可以在相机上添加时间地点等信息,在拍照的同时实现了打卡的功能。项目采用 react-native 开发。

项目职责:

负责开发项目整体的搭建及维护

重点工作:

  1. 自学阿里云登录SDK,搭建公司前端统一登录系统,实现人脸识别 、一键登录等多种登录能力

  2. 通过优化 react-native-camera 配置(降低分辨率、动态启用扫码)、减少组件渲染,并引入防抖逻辑,使扫码识别延迟降低 30%(从 500ms → 350ms),提升用户体验

原文地址:https://webfem.com/post/interview-guidance,转载请注明出处