news 2026/8/4 8:50:23

假如你从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/7/31 3:55:51

Go语言跌到第16位:TIOBE榜单背后,咱们该怎么看这事儿?

刚出的榜单,Go掉得挺多 今年1月的TIOBE编程语言排行榜出来了。有个事儿挺显眼的,Go语言这次排到了第16名。 要知道,2024年11月它还在第7名呢,这才过了多久,直接掉了9名。 很多写Go的朋友看到这个可能心里会犯嘀咕&…

作者头像 李华
网站建设 2026/8/1 16:02:46

2026年低代码在核心业务高并发场景下的逻辑生死线

在企业软件的深水区,往往隐藏着一种静默的崩溃:数据库没有报错,API返回成功,但仓库里的库存对不上账,财务的授信额度被超额透支,审批流的状态莫名卡死。 这类问题通常不会出现在系统上线首日,而…

作者头像 李华
网站建设 2026/7/28 14:45:35

2026年软件开发如何从增删改查走向业务流驱动

大多数企业系统的首页,看起来都惊人地相似。左侧是导航菜单,中间是数据列表,顶部是一排操作按钮。搜索、新增、编辑、删除,这一套标准的CRUD组合拳几乎构成了后台界面的全部。这种形态因为稳定和熟悉,让许多团队产生了…

作者头像 李华
网站建设 2026/7/31 4:53:09

全网最全专科生必看TOP8 AI论文工具测评

全网最全专科生必看TOP8 AI论文工具测评 2026年专科生必备AI论文工具测评:为何需要这份榜单? 随着人工智能技术的不断进步,AI写作工具逐渐成为学术研究中不可或缺的辅助工具。对于专科生而言,撰写论文不仅是学业的重要环节&#x…

作者头像 李华
网站建设 2026/7/28 18:22:23

2026五大远程控制软件深度评测:跨平台无缝协同的终极指南

在操作系统与智能设备愈发多元的当下,能否实现跨平台、跨设备的无缝远程连接,已成为衡量一款远程控制软件核心价值的关键。无论是个人用户的多设备协同,还是企业复杂的IT环境,强大的适配能力都是基础保障。本文将从“全平台适配”…

作者头像 李华
网站建设 2026/8/3 0:15:33

GBase数据库多租户方案为用户提供降本增效新范式(一) 分享

南大通用GBase 数据库家族提供从基础设施到数据库内核的全层级、可组合的多租户方案。这既支持在现有虚拟化、容器平台上实现租户隔离,也能通过数据库内核的原生虚拟集群与资源管理技术,在单台服务器或集群内部实现精细化的资源划分与隔离。其核心目标是…

作者头像 李华