假如你从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工程化开发实践与构建原理
....