企业官网建设流程全解析

本篇内容适合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工程化开发实践与构建原理

....