news 2026/9/11 15:03:37

假如你从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/9/10 3:38:13

基于微信小程序的乡镇医院挂号预约系统(源码+lw+部署文档+讲解等)

课题介绍 本课题聚焦基于微信小程序的乡镇医院挂号预约系统设计与实现,后端依托SpringBoot架构提供稳定业务支撑,针对性解决乡镇医院传统就诊中挂号排队久、号源管控乱、医生排班不透明、就诊提醒缺失、病历查询不便等核心痛点,构建集在线挂号…

作者头像 李华
网站建设 2026/9/10 13:43:17

低代码进入核心交易链路后,软件公司该怎样做长期可维护的交付体系

低代码进入核心交易链路后,软件公司该怎样做长期可维护的交付体系当一家软件公司同时服务三十个客户时,交付团队还能靠经验和人力把差异逐一消化;当客户数量增长到一百个以上,系统开始出现规则分叉、版本分叉、数据口径分叉&#…

作者头像 李华
网站建设 2026/9/11 9:48:18

2026年低代码选型新范式:从界面驱动到模型驱动的转变逻辑

到了2026年,低代码平台大家都在用。现在的难点不是用不用,而是怎么选。市面上的工具乍一看都差不多,拖拖拽拽、画个流程、出个报表,但真到了具体业务里,差别可就大了。 面对即将启动的数字化项目,我们或许应…

作者头像 李华
网站建设 2026/9/9 4:18:35

兰若寺的回响:《灵境奇谭》小倩玩家的语音回忆录

兰若寺的回响:《灵境奇谭》小倩玩家的语音回忆录十五句语音,便勾勒出一位游荡三百年的女子魂魄,她的期盼、她的风情,以及她那温柔表面下的刺骨寒意。“有宁郎的音讯吗?” 这句带着无尽怅惘的询问,是我在《灵…

作者头像 李华
网站建设 2026/9/10 18:22:48

七要素一体式气象站​ 超声波气象站

Q1:这款七要素一体式气象站的核心定位是什么?为何能适配多场景需求?A:核心定位是“多场景低成本综合气象监测终端”,专注解决传统监测“成本高、数据不同步、安装繁琐、环境适配弱”的痛点,聚焦环境质量监测…

作者头像 李华
网站建设 2026/9/11 12:29:39

教学用茶艺实训设备完整清单

教学用茶艺实训设备完整清单是保障茶艺教学有序开展的核心依据,精准梳理设备品类与规格,能让茶艺实训室建设更具针对性,满足从基础到进阶的教学需求。“茶艺实训室设备清单”需兼顾实用性与教学适配性,覆盖茶艺实操全流程所需&…

作者头像 李华