一面  6.24 25min自我介绍1、项目难点？2、git操作有哪些命令？比如说我有多次commit，我想提交某一个comiit怎么实现？3、监听埋点怎么实现？4、微前端了解吗？知道哪些微前端框架5、http请求底层是怎么样的6、axios底层原理？xhr7、vue的响应式原理，vue2对数组的操作能监听到吗？vue2重写了数组的方法，vue3要吗？8、你写了一个npm，但是到上线前，安全员说你这个包有漏洞，就卡你这里了，怎么解决？9、npm和pnpm有什么区别？-lock有什么作用？

面经校招面经，一面，面了五十分钟左右，快毕业的时候面的，感觉下来就是他会不会是赶着去吃中午饭，听得我讲有点不耐烦的样子，然后让我回答简洁一点，然后我听说很多人都能面上转转，然后有同学被hr面卡过，基本技术面不难听说不过我觉得能约面试到饭点前这种时间的话，多半没好事1. css怎么去实现垂直居中2. 讲一下flex布局3. css的transition有多少个属性4. css的animation有多少个属性5. js里面怎么去实现切割字符串，有多少种方式6. react怎么去实现类似vue里keepalive的东西7. 你怎么去设计一个前端异常监控平台8. 你怎么去监控用户的行为路径并做记录9....

6.24 一面  20min1、自我介绍2、讲一讲vue3响应式原理吧，reactive跟ref有什么不同3、vue2跟vue3有什么区别？4、了解过MVVM吗5、如果一个是一个表单中，他没有定义这个这个字段，但是你这个model 去绑定了这个字段？可能会有什么问题吗？6、说一下v-model原理？除了可以使用双向数据绑定 可以使用什么方式同步的去更新它。7、有用过$set吗，如果这个数据没有双向绑定，可以使用$set去做吗？8、为什么vue采用异步渲染9、$nextTick()了解吗？讲一下原理10、说一下这个js事件循环机制11、0.1+0.2 等于什么？ 为什么会这样？怎么才能实现获取正确答案12、讲一下Promise13、浅克隆、深克隆有什么区别？怎么去实现14、输出是什么：{}+[][]+{}[]+[]15、vue-router用过吗？他是怎么实现的？路由权限控制怎么实现的？16、有了解过一些性能优化的吗？就比如说如果这个在一个大屏上面。17、比如说十万条数据要展示到大屏上，要怎么做。我回答完他就 就先面到这里，再见。我：？？？？我回答问题的过程中，面试官那边来了个女的问面试官，吃不吃薯片我：？？？没开摄像头就算了，这么个不讲礼貌...

被现任leader狠狠拷打的一场短短50min的面试感觉自己被拷打废了，因为答不上来，感觉比微信支付一面还要折磨（意外的过了，我面完完全就没指望自己能过）自我介绍什么时候开始自学前端的讲的这些项目里，哪个项目做的最好，可以讲下在过程中遇到的一些技术问题吗问我的拖拽是如何实现的低码平台的结果是不是生成一个页面的代码发外网你在pc端的画布是这样的一个分辨率，那你去外网不同设备的分辨率不同，你怎么处理呢缩放的话，有没有去了解过自适应这种的有两个组件，我想实现一个组件，点击后可以操作另一个组件，你觉得这种组件之间的关联关系应该如何设计？（点击a组件，可以让b组件触发某个命令）（提的事件总线方案）B组件...

一面 1h10min 6.201、语义化为了什么，语义化在你的项目中，你做了什么？2、有两种盒模型，你说说看，这两种盒模型有什么区别，在开发过程中，使用到的是哪种盒模型？3、怎么去清除浮动？4、css选择器了解过吗，说一下权重。给同一div加上先绑定id，使用id选择器给红色，使用类选择器给绿色，最终显示什么颜色。5、css样式，a元素给了相对定位，z-index是1；b元素给了相对定位，z-index是2，c也给了相对定位，z-index是3，c他会覆盖b吗6、css模块化有了解吗？7、BFC范式了解过吗，如何创建一个BFC8、原型链了解过吗？说说看？9、函数里面创建了一个变量a并赋值，然后再把a赋值成方法，输出a，结果是什么？10、讲一下前公司开发具体流程吧11、异步编程说一下12、讲一下这个事件循环13、ajax用过吗，平时用什么？14、js的数据类型知道吗？如何判断数据类型？15、作用域了解过吗？var声明和let声明执行相关的问题？16、用class创建一个类，类里面创建一个方法fn()，方法输出console.log(this)。创建这个实例，然后调用这个实例.fn()，结果是什么？再把这个实例.fn赋值给一个变量，然后执行这个变量，输出又是什么？17、this指针了解过吗？改变指针的有哪些方法？说一下箭头函数的this18、讲一下闭包？作用？19、讲一个开发中最大收获吧20、浏览器了解吗，解释一下url输入到浏览器的过程？21、讲一下浏览器的控制台工具都有哪些吧，有什么功能说一说22、页面的性能优化怎么做？23、代码规范是怎么实现的？24、开发过程中，遇见问题怎么做？25、有没有开源项目，说一下26、未来一两年的规划？27、你觉得你在开发过程中遇到的开发过程遇到的最兴奋的点是什么？28、加班问题怎么看29、自身优缺点说一下30、如果领导跟你的意见不合，你会怎么做。31、面试官：如果我想让你做坏一个项目，你会怎么做？我：啊？来真的啊。嘿嘿反问：1、公司干的什么活？给机器人做中控系统，vue去实现对机器人的操控页面。2、结果？三天内6.25 二面 CTO面 问我职业发展规划；起冲突了怎么解决；数学建模比赛的课题是什么，做的什么内容。反问：做什么业务？对发布出去的机器人软件更新，以及对后续机器人的软件开发。 使用vue3进行对机器人中控页面的性能优化等等

自我介绍看我实习是PC端的，问我有没有了解过对不同屏幕如何做适配（我说媒体查询，他问还有没有其他方案，又编了弹性布局和响应式布局）有了解过rem布局这套方案吗如果用rem怎么让他动态适配不同屏幕大小（他说通过动态设置根节点的大小，让我具体方案下去了解一下）手写CSS样式题（未曾见过的操作）左边固定100px，右边固定100px，实现中间部分的自适应（有点像三栏布局）写了一个普通的方案，写了一个弹性布局的方案问我实习，前后端的域名是不是一样的猜出来了想问跨域 吟唱了一些解决方案CORS我要设置允许多个域名跨域，你觉得要如何设置（说不行）如果我要让他跨域携带cookie，这个应该如何设置？问实习，...

4个月前面试的面经一直忘了发很久没打开牛客看后台还有uu求面经分享一波～  

6.16 一面 20min自我介绍1.我们先问一下 CSS 就是实现，比如说一个盒子在一个容器里面居中有什么方法？2.能介绍一下这个 Flex 1是什么意思呢？3.能给我介绍一下 js 的数据类型吗？4.比如说我要判断一个数据类型的话，一般有哪几种方法？5.你知道这个 typeof 和这个 instanceof 有什么区别吗？6.介绍一下这个 cosnt、var和 let 的区别吧。7.然后你再介绍一下这个 promise 和这个 async await 主要解决什么问题。8.你刚才提到这个 JS，这个引擎是单线程的，你介绍一下这个 js 的事件循环吧。9.你知道这个 ES6的这个新增的箭头还数和普通的函数有什么区别？10.这个 TS 你这边了解吗？那你知道这个 interface 和这个 type 有什么区别吗？11.让我们再来聊一下这个 vue2 和  vue3，这个 vue2 和  vue3 的响式的区别，你能介绍一下。12.然后这个虚拟 DOM 的话，你能介绍一下吗？13.比如说我在vue2里面想更改数组或者对象的值，一般要怎么去更改才能触发响应式？14. vue2的话，父子组件间通信一般有什么方法？项目:1.我看你这个第一个项目用了这个 SSE 你能稍微介绍一下这块。2.你知道这个 HTTP 请求和这种 SSE 请求有什么区别吗？3.你知道这个http和https有什么区别吗？4.你了解这个浏览器的这个跨域吗？5.你刚才提到这个同源策略具体是怎么定义的啊？他要求就是哪三个东西是重样的？6.问一个，就是比如说如果我想把一个数组去重的话，你这边能想到什么方法？7.你用过那个 map 嘛，介绍一下 set 和 map 的区别。8.那你了解这个移动端的就是适配这个问题吗？反问：1.那我们这个面试基本就到这里了，你那边有什么想了解？想问一下贵公司这个做的项做的内容是什么？技术栈？2.这边是一个移动端的 APP，然后你要做的话有一些这个 H5的项目，就是主要是移动端的适配，然后大屏的话也有一些，然后也有一些这种后台管理，然后技术栈的话一般就是 vue2和 vue3。3.想问的一个团队的成员，比如说前端开发的成员有多少个呀？整个公司的话现在大概有50到60左右。4.什么时候能出结果?结果应该这几天就1到2天。6.18 二面 60min 自我介绍1.我看到有做一个开发跨平台的预览系统，然后有提到那个封装postmessage 通讯协议，统一处理 electron 桌面端，移动端、web端，你是怎么实现的？2.我看有 Web 端、移动端的样式适配与数据同步，这个具体说一下是怎么实现的？3.这就是有提到兼容这三个端，就是兼容 Web，还有移动端这块就是统一处理这方面你是具体做了哪些工作呢？就是怎么能把它们统一实现的呢？4.axios二次封装有一个请求的集中处理。这块主要梳理了哪些错误请求呢？5.使用vue-router是吗？一个通过路由，有一个路由鉴权，有实现鉴权的功能吗？这个具体说一下，就是这个鉴权是怎么实现的呢？大概有什么角色之类的？6.去后台那里去拿这个角色权限表，那前端是怎么做到？就是根据这个不同的角色来跳转这个不同的页面的呢。这个代码上具体是怎么实现的呢？7.webpack有用过一些相关的优化配置嘛，就比如说配置什么可以更加的优化这个打包？8.相对于vite来说，有什么区别？代码题1、一共有5个元素，每个元素高120px，宽随浏览器窗口大小变化，请实现一行3个，每行两端对齐，不足3个的左对齐只要盒子与盒子之间有5px的间隔，怎么实现？2、首先说一下那个 JS 的话，它有一个浅拷贝和新拷贝，这两个有什么区别呢？3、那如果让你实现一个就是深拷贝的话，有哪些方法可以简单实现？简单写一下递归的这种方式吧4、那这个有没有考虑？就是如果这个对象有循环引用的情况呢？5、数组的map方法了解嘛，返回的是什么？你实现一个map方法。反问：1、结果能什么时候出来？效率最近挺快的，这周内能出2、用的什么框架？阿里的Rax，类似RN3、什么业务？大部分的业务像机票、酒店、用车还有保险，就里面各种圈子等等，其实都是用那个Rax开发的，都是一些跨平台比较混接对平混合的开发。6.20 hr面 群面三个人轮流自我介绍实习学到了什么？遇到的问题怎么解决？手上有其他offer吗？团员党员？期望薪资？父母做什么工作？父母支持去北京吗？反问结果？下周三前给答复6.26 oc

1.自我介绍2.防抖节流使用场景3.有没有做过H5小游戏（因为前面回答了战机发送子弹使用节流）4.如果一个页面中要显示用户登录后的信息，你要怎么让每个页面中都显示信息5.怎么判断一个项目是不是大项目，使用useContext还是Redux6.你的项目看起来也不大，为什么使用Redux7.如果使用useContext的话，有没有遇到过父组件用了useContext，子组件没用，但是子组件由于父组件还是刷新了的情况8.用React.memo的话，什么情况下会失效9.子组件Props主动和被动改变，被动改变是因为什么10.组件库里面你复刻的是antd哪个版本，实现了哪些复杂组件11.口述一个监听窗口变化的hook，怎么优化12.用户反映页面很卡，怎么判断问题出在哪里了13.如果是渲染的问题，怎么优化反问20分钟速通了，面完了马上打电话通知后面的面试，总体来说面试体验很不错，会从项目出发引出问题，和boss上hr沟通好像是会react的面试者特别少，很缺人的样子

这是我的第三家面试，也是第一次大厂＋外企面试，还是蛮紧张的上上周不小心投到了外企，要求六级但我只有四级，加上是大厂，所以没有抱希望后来也没再看那个招聘软件。上周四HR突然打电话约面，定在周一下午（today）线上面试，本应该是三位面试官，有一位有事没到首先是英文自我介绍环境然后技术面试官直接开问1. 就着项目问我怎么实现flex布局的2. 视口变化怎么办，答的媒体查询＋rem或者vh vw接着问有没有用过，我项目说没有用到，之前做比赛题写过3. 网络请求拦截器，怎么验证token，怎么获取返回的响应头，怎么发送4. 项目怎么保存的token，为什么？缓存处理这里深挖了好多好多，5. 虚拟DOM。后面问了如果只有一个节点，你用虚拟DOM还是真实DOM，这里我知道肯定用真实DOM，但是让我细说原因也没答上来6. ES6了解什么，我讲的变量提升，箭头函数，解构7. 异步请求怎么变得同步，我答的和promise有些混淆了8. 两个数组先排序再比较，用一个变量确定升序和降序，怎么做面试官很好也有在很耐心地引导我思考，我答不上来也说没关系，但我还是不争气地红掉了...虽然觉得稳挂了但其实挺开心的，有收获，非常谢谢给我机会的HR和技术面试官

6.23一面:1.自我介绍2.css三种常用定位方式3.css里div居中4.margin和padding区别5.在HTML加入css的方式，说出他们的应用范围6.清楚浮动方法7.data-属性作用8.前端性能优化9.浏览器自适应10.WordPress插件11.手撕SQL反问:1.有没有人带？有的2.补贴？没有补贴，直接算工资里因为是应届生，而且开发主要样式方面用的多，所以问的比较简单然后薪资也是面试官主动提的，面试过程还挺顺利，就是找面试的过程很痛苦😭  

缘起于前段时间跟我一哥们聊天，聊到算法突然骂我：“出生，你说你八股和算法都不好，为啥面试就没有挂的？” 作为大二前端日常实习生，最近回顾大厂面经后突然顿悟：面试真不是死磕八股的“背题考试”，项目里的“思考深度”和“底层理解”才是通关密码！先甩面试流程镇楼（拒绝的基本是流程劝退/备考冲突，真·没挂过谁懂！）🔥 第一坑：项目别做“工具人式描述”，要讲“为什么选这个技术”以前我写项目，只会平铺直叙 “用WebSocket实现了实时聊天” ，直到面试被反问：“为啥不用HTTP轮询？WebSocket解决了什么具体问题？” 我才突然悟了——技术不是罗列的勋章，而是解决问题的武器！✅ 正确思路：对比选型...

一面面了2h30min+，是特别特别想去的地方，但是二面挂了，最后还是没有去成，也许也是命吧上来两个算法题：滑动窗口最大值前 K 个高频元素变体版 需要额外按ascii码排序JS的基本数据类型Object属于基本数据类型吗为什么他是引用数据类型呢假如我有一个Object，let b = a，那b拿到的是a的深拷贝还是浅拷贝？b修改对象中数据的值，a会跟着变吗如果我希望b深拷贝a对象中所有的信息，应该怎么做问_deepclone是不是js自带的方法，问我提到的这些深拷贝方法能支持的数据类型json.stringify使用的时候需要注意什么问题（如果出现a引用b，b引用a的话，用这种方法会出现什么...

base 广州 六月中旬面滴~ 面了大约50分钟，其实都是很常见的八股，手写就用了二三十分钟，还是依靠cursor的tab勉强写出来，还是得多练练啊 面完俩小时左右说过了，之后和 hr 姐姐聊入职，不过因为到岗时间以及距离，想了想第二天还是拒绝了1、介绍 Vue3 的生命周期2、销毁定时器怎么处理3、防抖要怎么实现，如果要手写你会是怎么样的逻辑4、TS 中 interface 和 type 的 区别5、watch 和 watchEffect 的区别6、computed 你用过吗7、useMemo 与 useCalback 的区别8、React手写定时器（count 每秒加一，加到 10 停止）...

1. js的数据类型2. 简单类型和复杂类型的区别3. 说几个深拷贝的方式4. 说一下数组的方法有什么5. 初始化一个promise需要什么参数6. 通过async/await吗？主要解决什么7. 说一下css的选择器8. css选择器的优先级9. vue的生命周期10. axios的二次封装是怎么做的11. 图片懒加载是如何实现的12. 组件通信方式13. 性能优化相关的知道什么

自我介绍在浏览器输入一个URL，到页面的呈现，这期间发生了什么DNS解析之后就开始进行三次握手吗？DNS解析的目的是什么呢？（回答是找IP地址）找到IP地址后，是谁发起的请求资源呢？DNS是向什么服务器进行的DNS？浏览器解析的是什么呢？（html，css，js文件）三次握手是什么阶段？三次握手在哪一层协议上进行？项目里说有个tooltip组件添加触发时防抖效果，什么是抖动处理什么是节流和防抖立刻考手写节流和防抖promise，async，await，settimeout，说下这三者的区别，为什么需要他们async、await和promise的关系是什么呢他们常用于做什么呢代码题：事件循环打印...

主包的第一次面试，线上，总共20来分钟吧1. 自我介绍  2. Flex布局  3. CSS新特性  4. 响应式布局  5. ES6新特性  6. 事件循环  7. 闭包  8. this的场景题  9. 箭头函数场景题  10. TS的type  11. Vue-router场景题  12. Vue3生命周期钩子  13. Monorepo  14. Git  15. 项目的性能优化  16.eslint17.pnpm反问：  1. 业务方向  2. 实习生工作内容  3. 工作强度  4. 面试评价有几个问题主包没准备好，但是也写在简历上面hhh，所以被问到了答不太上来