news 2026/4/23 13:54:51

假如你从1.27开始准备前端面试,那么请准备到这种程度......

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
假如你从1.27开始准备前端面试,那么请准备到这种程度......

本篇内容适合3-6年经验的前端开发食用,一些基础的部分低于三年也是可以看看的,都是干货

首先,不知道你们刷题面试前都怎么准备,我会首先调整一下简历,对于项目部分在面试中的表达会多过几遍,其次刷题部分,这部分其实不知道怎么说,大厂也在问八股,只不过原理多了点,按照简历个人技术栈准备即可。

大厂面经部分

1、vue2 vue3区别

setup生命周期都做了哪些事情

minix为什么有污染问题minix的生命周期和组

件生命周期哪个先执行minix的原理

vue3的大vue实例

改写数组原型的方法有几种方式

为什么vue2中不能监听到对象的添加和删除

2、浏览器的事件循环和node事件循环的区别

3、vite和webpackwebpack怎么做多进程打包

模块化的规范和发展历程

import和requie的区别代码中如果引入不存在的文件哪个构建时会报错(编译时import会报错)

require运行时会报错

4、继承的几种方式extend中怎么调用父类构造函数

5、render和jsx的差别vue怎么写jsx

6、浏览器一帧会有哪些工作

都哪个流程可以优化

缓存有哪几种怎么设置etag是怎么生成的什么时候改变

http1.1和http2区别 http2每个连接都要重新握手吗

http3有什么改变

react和vue区别react是mvvm吗

ts和js浏览器支持ts吗node支持ts吗编译过程使用过哪些node中间件

node服务端部署流程

jenkins工作流部署时配置了哪些工具如果有个性化配置怎么做

说项目重点难点

做过哪些优化方面的工作性能优化 架构优化 流程优化

说说一些前端规范如果老项目新规范怎么统一校验

大数据的渲染虚拟滚动最多支持多少数据大数据

滚动卡顿怎么解决cavans可视区绘制用什么api

视频流的格式有哪几种视频流怎么做回放

服务端推送数据到前端的几种方式

普通socket和websocket区别

qiankun隔离原理iframe通信方式

sentry的错误收集的原理能收集到跨域吗

使用过哪些AI工具有写过mcp吗

反问环节

cesium和mapbox的区别

说说cesium mapbox openlayers leaflet 高德地图

等各种地图的使用场景

cesium支持哪些3D类型

如果想在cesium中渲染模型动画怎么做

cesium中entity和primitive的区别

离线地图怎么实现

高精地图用什么格式

瓦片有哪几种类型瓦片金字塔是什么

three.js中构建场景三元素

gltf和glb的区别

地理坐标系有哪几种

Cesium用的什么坐标系

openlayers支持的数据格式

说几个mapbox的api

mapbox和cesium上标记上点有什么不同

海量标记点卡顿怎么处理(10万+)

Three.js场景都包含什么glb和gltf的区别

前端工程化:standard规范

git hooks怎么做的 husky配置项有哪些

git提交规范 commit-lint

postcss原理css预处理器原理

babel配置中rules(有这个属性吗我不知道怎么拼)extendsplugin的三个属性的优先级

打包工具分包的原理

commonjs和es6的区别 import是怎么执行require的原理

浏览器请求的原理xhr的步骤node为什么能做请求

async awiat为什么能改变代码执行的顺序

单元测试相关:jest 组件怎么做单测快照是什么?

lcp怎么计算fcp会不会比fp快(不会!面试官竟然说spa的fcp会比fp快?????)

动画帧requestAnmationframe是微任务还是宏任务

vue3读源码怎么开启source map

proxy能代理哪些属性

qiankun对比nginx虚拟目录(什么东西?)的优势

隔离的原理

Ai相关:mcp是什么

cursor的rules是什么

怎么优化提示词怎么思考多次循环验证

Prompt扩展运算符

pnpm对比npm的优势公共组件更新怎么做

qiankun的js隔离和css隔离原理

改变主题色功能的思路持久化怎么做

浏览器缓存的区别indexDB缓存

浏览器加载js或者包产物有缓存怎么解决

跨标签页的传输shareworker和postmessage区别

大文件上传的并发量 切片缓存 断网续传 进度条

说说性能优化指标 FCP LCP FP chrome的标准是

多少秒了解lighthouse打分吗

sentry怎么上传sousemap

性能具体优化了哪些

webworker的使用场景

图片webp跨端兼容性怎么处理

jenkins的工作流切换分支怎么配置?

sso跳转逻辑子系统未登录时流程cookie可以跨域吗

10万数据怎么渲染(canvas)canvas和svg的区别

可视区渲染逻辑

怎么请求10万数据

算法:队列方式将树表平铺

以上是个人今年的一些面经,仅供参考

刷题资源整理

飞书

1.JavaScript (323题)

2.CSS(61题)

3.HTML(57题)

4.React(83題)

5.Vue (80題

8.Node.js(27题)

9.TypeScript(46题)

10.性能优化(25题]

14.编程题(50题)

16.工程化(34题)

刷题网站2

以上:https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material4

更多前端面试相关技术点:

90分钟带你搞懂 webpack

React&工程化面试全知全解

Vue&工程化面试必知必会

从0-l详解Vite工程化开发实践与构建原理

....

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/14 9:01:09

基于微信小程序的生猪养殖信息化管理系统(源码+lw+部署文档+讲解等)

课题介绍 本课题聚焦基于微信小程序的生猪养殖信息化管理系统设计与实现,后端依托SpringBoot架构提供稳定业务支撑,针对性解决传统生猪养殖中数据记录零散、养殖流程不规范、疫病预警滞后、饲料管控无序、溯源追踪困难等核心痛点,构建集养殖档…

作者头像 李华
网站建设 2026/4/23 17:11:23

基于微信小程序的视频点播系统的设计与实现(源码+lw+部署文档+讲解等)

课题介绍 本课题聚焦基于微信小程序的视频点播系统设计与实现,后端依托SpringBoot架构提供稳定业务支撑,针对性解决传统视频点播中适配性差、内容筛选低效、播放体验不佳、权限管控薄弱、数据统计零散等核心痛点,构建集视频上传审核、分类点播…

作者头像 李华
网站建设 2026/4/23 16:07:15

Agent Skills 傻瓜式教程,26 年最火 AI 技术就这?

你是小阿巴,正在用 AI 开发网站。 为了让 AI 生成的效果更好,你告诉 AI: 界面不要使用蓝紫渐变色不要生成一大堆没用的文档你要遵循公司的代码规范 阿巴阿巴,洋洋洒洒几百字。 之后每次开发网站时,你都要写这么一段…

作者头像 李华
网站建设 2026/4/18 12:39:14

Vibe Coding与Trae CN:当编程从“实现”变为“表达”

字节跳动内部超过92%的工程师已经用上了Trae CN,他们不再逐行敲击代码,而是用自然语言描述需求,看着AI助手将想法变成现实。 傍晚时分,一位开发者对着屏幕输入:“帮我创建一个电商网站,要有商品分类、购物车…

作者头像 李华
网站建设 2026/4/23 14:35:37

2026软件公司如何破解软件项目交付困境?

前言:软件交付中的“西西弗斯难题” 在国内企业级软件交付的广阔版图中,长期横亘着一道难以逾越的鸿沟——标准化产品与个性化需求之间的矛盾。这几乎成为了每一家 ISV(独立软件开发商)和企业 IT 团队的“西西弗斯难题”。 为了…

作者头像 李华
网站建设 2026/4/23 16:45:58

电池分选的精密化革命:自动化设备如何重塑产业标准

在新能源汽车、储能系统、消费电子等新能源产业蓬勃发展的背景下,电池作为核心储能元件,其性能一致性直接决定了终端产品的安全性与使用寿命。电池自动分选机作为保障电池质量的关键设备,通过标准化检测流程与自动化分选技术,成为…

作者头像 李华