2024前端面试汇总-近百家公司项目和框架面试题

2,558 阅读9分钟

前言

  • 目前前端行情为存量是市场,竞争加剧,准备充分的同学依旧可以获得非常好的offer,但是对于绝大多数,学历一般,履历一般,面试准备一般的同学来说,地狱难度,对于学历低的校招生来说,天崩开局
  • 以下面试题均为月哥面试训练营实际面试题,希望能够帮助到大家
  • 努力准备,一个技术不错,沟通不错的人是肯定能够拿到offer的。

vue面试题

vue2和vue3有哪些区别?响应式有什么区别?讲下proxy对象
说下虚拟DOM和diff算法,key的作用
vue2和vue3 父组件怎么调用子组件的方法?有什么区别
vue-router hash和histroy模式的区别
vue是单向数据流,为什么有双向绑定
vue2和vue3的diff有什么不同
vue实现自定义指令基本工作流程开发过程
vue中内置组件及其原理
vue项目中style样式中为什么要添加 scoped
vue-rouer导航守卫有哪些
watch和computed的区别
为什么data要定义成函数
vuex怎么进行存储数据和获取数据
vue组件传值方式
用vue-router hash模式实现锚点
mounted生命周期和keep-alive中activated的优先级
如何在页面第一次加载不触发请求,后续每一次进入页面都触发
vue2和vue3有什么区别
你在用vue的时候用了哪些方式去做性能优化
团队有没有做代码review
对ts的熟练程度
Vue中name的作用
$set的实现方式
你在使用vue3的时候都遇到过哪些坑?
Vue2修改了数组哪些方法,为什么
如何判断是一个优秀的Vue项目
节点如何绑定Watcher的
vue和react的区别
vuex和redux的区别(被问到的这种对比的题目很多,建议可以多加一些这种题目)
用vite做过线上部署嘛,vite在本地和线上的效率差别还是比较大的,为什么呢?
vue3有哪些新特性
vue3为什么要做新的静态标记(patch flag 优化静态属性),好处是什么
Vue3.0 Object.difineProperty和vue3.0的proxy的区别
Vue3.0 diff算法为什么更新,vue3用的最长的递增子序列相比vue2的双端对比好在哪
父子组件钩子的执行顺序是什么
Vue响应式原理
Data里面如果有数组,如何检测数组的变化
vue的生命周期和keep-alive组件声明周期
computed 和 watch 有什么区别及运用场景
你在使用vue3的时候都遇到过哪些坑?
Vue3的proxy有什么缺点吗
Vue2中mixins的作用是什么?和extend有什么区别
Vue中遇到的最大的坑是什么?(怎么回答能显得有深度)

react面试题

什么场景需要自定义hooks?
fiber 在hooks 组件上的体现有哪些?
在react 中怎样的操作会导致内存泄漏?
10 个setState 为什么会渲染10次?
什么是diff算法
react 路由架构如何设计
react 用户权限如何设计
setstate 是同步还是异步
hooks 性能优化
类组件和函数组件有什么区别
如何避免不必要的重新渲染
高阶组件是什么,有哪些应用场景
React Hook可以写在条件语句或者循环里嘛,为什么
React组件通信场景有哪些?分别怎么实现通信呢?
setState是同步还是异步
对受控组件和非受控组件的理解
react如果props里面传的是个深层的对象应该怎么处理
React.memo,usememo,usecallback的区别,你们实际场景是如何使用的
react旧虚拟dom有什么问题
react fiber详述
「 React Scheduler」为什么用MessageChannel 来做调度?
react认为自己的任务应该执行多久(5ms,20ms)
RN了解过吗
为什么只有react做了fiber优化?vue是否也需要做类似优化?为什么vue没做呢?
为什么要有 useRef 呢?为什么不能 const 定义一个对象?
react 事件机制是怎么实现的
react和vue有什么区别?开发项目时如何选择react和vue

项目相关 & 性能优化

什么是DDD
关于前端架构的优化
关于技术选型的原因
关于前端架构设计
下最近项目中遇到的难点或者项目中做过的亮点?
低代码有做过吗,要怎么做?思路? 辅助线对齐功能具体怎么实现?
讲一下管理系统项目中的权限和登录
讲一下前端的权限管理
图片加载错误怎么监听?
New Image的加载错误怎么监听
怎么定位到发生错误的元素
文件分片上传的流程?超大文件全量hash很耗时,这个怎么优化?
如果手动改变文件后缀名,怎么识别文件类型?
B端与C端的区别?
怎么提高项目稳定性呢?
公共组件怎么去管理?公共组件怎么拆分?
微前端的项目怎么去拆分?
微前端的部署方面的问题,模块太多会不会不好管理,运维成本增加?
微前端主要解决了哪些痛点问题?
如果微前端项目没有上线,但是现在需要做新需求那么应该在老项目上还是新项目上进行开发?
重构的逻辑
你是怎么二次封装antd组件库的
如何封装一个组件库
webpack已经有热更新了,你们的微前端项目为什么要自己做一套热更新呢
你在项目中哪里用到了docker,为什么要用docker,可以解决什么问题
有用过虚拟列表嘛,是什么原理
微前端的样式隔离是怎么做的?为什么没有用shadow dom?
微前端方面了解过qiankun嘛,为什么不直接用,要自己新建一套呢
你们的灰度链路是怎么做的
我看你是一名开发,为什么在这个大项目中做了项目管理,是什么原因驱使的呢
你们的devops是怎么做的,你在里面承担了哪些工作,有什么难点,是怎么解决的
你们的devops里面有用到docker嘛,是怎么用的
网页性能监控的方式,哥有什么优缺点,分别适用于什么场景
对于博客的性能问题怎么解决(减少重绘重排,分页加载,懒加载图片)
追问,如果不允许实现分页,怎么减小加载的长度(懒加载页面,到可视区域再加载
追问:如果每次页面滑到底部再加载新的,那么上面的怎么回收
一个秒杀系统前端要做什么
追问:假如让你设计秒杀系统的后端你会怎么设计
追问:对于单个服务端来说,假如一瞬间有100个请求,怎么处理(过滤,只处理10个,或者依次处理)
追问:如果只处理10个,但这10个人有些没有执行最终的购买怎么办
你们是如何做自动化测试的
你在项目中哪里用到了docker,为什么要用docker
背景:我们自己写了一套脚手架模版;你们项目模板除了lint相关都做了哪些,都封装了哪些组件,配置了哪些东西为什么不直接用create-react-app,有什么区别
Vue中管理系统侧边动态菜单栏的实现,除了使用v-if判断角色权限进行动态渲染外还有什么其他方式实现吗?
是否封装过自定义的plugin和loader在什么情况下会进行封装
ci cd 如何配置
--------------------------------------------------------
webpack有哪些配置?有哪些优化手段?wepback热更新?请求https接口devServer要怎么配置?
nginx怎么做反向代理
如何回答:介绍一下项目、说一下项目背景、项目怎么做的
如果让你统计一个城市的垃圾桶,你应该怎么设计解决方案
原生小程序优化处理哪些方面
http和https的区别
拆分组件可以提升性能 为什么要拆分组件
小程序的渲染机制
职业规划和学习计划
对公司有哪些期望,什么公司符合期望
学习了什么新技术,那么有没有使用到项目中去呢?
写过单元测试吗?
使用过GraphQL吗?
享元模式使用过吗?
双十一凑单用到了什么算法?
你怎么看待前端
ssr了解吗,ssr的优势是什么,缺点是什么
了解过数据仓库吗
事件循环中在node和浏览器有什么区别,在node11之前和之后有什么区别
你怎么看待chatgpt?他对你的工作有哪些影响
浏览器输入url后面会发生什么
讲一下webpack的原理
讲一下webpack热更新的原理
有了解前端比较热门的技术嘛,平时是通过什么渠道了解的
webpack loader和plugin区别
对加班怎么看
用过websocket嘛,做过聊天室嘛
tcp报文架构
TTL有什么用
有了解过http3.0嘛
npm,yarn,pnpm的各自优缺点,pnpm为什么比另外两个更好
强缓存和协商缓存
谈谈你是怎么实现大屏的实时数据更新?聊聊轮询机制,Coment和WebSocket?
有了解过在大屏上配置视频源的方法?
团队如何进行代码review
预加载怎么做的
如何合理的分割代码chunk
-----------------------------
FCP、LCP怎么优化的?
http1一定比http2要慢吗?
如果上传10M以上的图片展示图片时应该怎么优化?
弹幕右边聊天框,如果并发量很大几千条,那么怎么做性能优化?
你在项目中做过哪些跟性能优化相关的事情

结束

  • 加油,铁子们,技术交流,面试交流:843655240

传送门