两面全是现场一面4.22 常规vue和js八股,最后在纸上手写快排二面4.23二位面试官,技术问题不多,围绕简历项目经历,工作经历,学习经历展开.临走说本周出结果,目前没消息

最近才刚开始投实习，结果腾讯面试通知很快就来了，想积累点面试经验就直接接受了，硬着头皮上，寄得丝滑。一位飘逸的年轻男面试官自我介绍 + 聊了两句八股：1. 谈谈 cookie 和 localstorage 的区别？2. 知道跨域吗？如何解决跨域？3. Vue3 和 Vue2 的不同之处？4. 谈谈JS原型链，原型对象、继承等。5. JS修改this指向的方法有哪些？这些方法各自有什么特点？项目相关：谈谈你在项目中，研究得最深入的一个部分？例如，状态管理、网络请求或线上部署等。手撕环节：先提问：你知道有哪些遍历数组的方法？你最经常使用哪一种方法？（回答foreach）那么请你在数组的原型上实现一个自己的foreach方法。（看以前的面经还以为是防抖/节流 + 算法，再加上练算法全用的C++，js没练还忘了不少，憋半天）反问环节：（很明显肯定寄了）我：希望您能指出我的不足之处，给予一些学习指导。面试官：暗示八股答得还凑活，但是有错误，要再多熟悉；项目一定要去深挖，如果Vue3用的最多，就去吃透它，找到可以深入的点；js的各种业务题要去学习。面试官人很好，全程很和蔼，手撕环节也是耐心地指导，给了很多建议和帮助。

 一面4.17 一个小时,电话面试1. 地图首屏优化怎么做的2. 优化做的挺多的,另一个怎么做的?3. 聊聊你都做哪些性能优化?4.webpack,常见的优化配置5. 主动引导到了,大屏适配方面,面试官问怎么做大屏适配的6. 为什么使用这个方案7. 大文件上传怎么做的,说说详细步骤8. 断点续传呢,刷新页面会继续上传吗9. 上传请求的并发是怎么控制的10. 另一个大屏的适配怎么做的11. 这个为什么使用scale,而不用其他方案12. 期间还有一些问题,忘记了,总体来说都是根据简历来提问13. 反问二面4.23 一个小时,开头面试官说你简历上性能优化挺多的,你可以着重讲讲,之后全程围绕性能展开(我......),但是面试官语气,以及提问和提示方式都很好,点赞1. 常用的性能优化手段有哪些?相当于最佳实践,让列举场景2. 然后聊到LCP,问这些性能指标都有什么?每个代表的意义有哪些,3. html是怎么渲染的,从DNS解析开始说说4. 这个渲染过程中,之前提到的哪些指标,分别对应哪个渲染阶段5. js会阻塞DOM树渲染吗,css呢?defer和async的区别6. 还是性能方面,你觉得vue和react在性能方面做了哪些优化,或者说相比之下vue,react之间哪个在哪方面性能好一点7. react中你觉的函数式组件有什么特点,hook有什么作用,类组件和函数式组件哪个性能更好,为什么8. 常用的hook有哪些,9. 你说的useMemo和useCallback也是性能优化的手段吧,详细介绍一下,聊啊聊,聊完如何防止子组件重新渲染才算结束10. webpack呢,还是从性能方面讲讲,做哪些优化11. 你说的tree shaking,了解过程吗,他是如何做的?具体点说就是一个文件import或者export了一些东西,tree shaking会怎么做,结合ES6 Module说说12. 你提到动态引入的文件会单独打包,那么浏览器遇到动态引入的包会怎么做?13. 你说的对,浏览器会发起请求获取动态引入的包,其实在请求过程中也有性能优化的地方,比如http缓存,http相关的你了解吗,可以说一说14. webpack是打包流程如何的15. 反问总体来说,两面体验都很好,已约tl面

自我介绍从url到页面显示的流程跨域与解决方案服务端渲染rem与emdata为什么是函数组件间通信 eventbus使用什么条件v-if与v-show区别，底层原理，适应条件nextTick事件循环vue diff算法vue2 与vue3的区别proxy与definepropertyES6中数组方法，会不会改变原数组promisedom操作flex布局水平垂直居中实现手写：快排反问

集齐BBAT的那一天，一切都将作废，之前的所有面试都作废，之前的所有offer都作废，之前的学历作废，星星作废，月亮作废，银河系作废。上岸阿里的那一天，中国最好的互联网企业加持，就如同一场大雪覆盖了自己前半生的荒唐。 #前端#  #腾讯#  #百度#  #字节跳动#  #阿里巴巴#  #实习#

一面 30-40分钟1. react生命周期2. 函数式组件和类组件的区别3. react渲染流程   1. 回答的不好,回答成更新流程了4. 常用hook5. useMemo,useCallback6. 18版本新特性   1. useTransition,并发模式   2. 自动批处理7. 防抖节流,使用场景,作用8. 看你使用过webpack做过优化,讲讲9. loader和plugin的区别10. vue也会是吗,vue2还是vue3    1. vue2用的多,vue3用的少11. vue的生命周期12. v-if和v-show的区别13. 监听和计算属性的区别14. 如果想显示和隐藏子组件时,可以触发子组件的生命周期,使用v-if还是v-show,为什么    1. v-if15. 接下来问点css,元素垂直水平居中的方法有哪些16. 讲讲定位17. 讲讲flex布局,有哪些属性18. 隐藏一个元素的方法    1. display:none;透明度,visibility,overflow:hidden+height19. display:none和visbility隐藏元素的区别20. 反问 二面4.221. pinia和vuex的区别2. 大文件上传3. 看代码讲输出4. 手写快排5. 反问三面4.24 大致内容如下,全程将近四十分钟1. 项目介绍2. 项目难点,收获最多的点3. 封装过的公共组件,为什么封装,4. 聊聊你写的插件Fast-ConsoleLog,为什么写,有什么作用,怎么实现的,之后还打算添加什么功能吗?,听着还挺方便,回去用用试试5. 反问环节总体面试体验非常好,很有效率,面试官给的建议中肯,许愿通过~

广州这边的一个小厂线下约面，没面过线下就去试一下。线下面推进的很快，1小时速通了。没录音，记不清楚，写个大概吧。面试流程：1面前端技术面+2面项目组leader面+hr现场谈薪资1面：自我介绍数组去重多说几种对象数组怎么根据对象里面的某个属性去重怎么求交集Promise all race，并发任务调度flex布局，flex:1，各种flex属性react useEffect，依赖项对比是怎么比较的2面：一开始还以为会问更加深入的前端技术问题，没想到上来问一些项目管理相关的问题，然后就聊入职后的工作内容了，印象比较深的，问了我一个在工作中怎么面对技术挑战，会以什么心态去面对，把我整懵了，后面就现...

为什么选择前端一、CSS1.水平垂直居中方式2.选择器优先级3.能够继承的样式4.浮动带来的影响怎么解决5.display:none  visibility:hidden  opacity:0 的异同6.盒子模型和怪异盒子模型二、JS1.var let const区别2.const声明一个对象 改变对象里面的属性会报错么3.数据类型4.判断数组的方法5.判断一个字符串是否包含另一个字符串的方法6.遍历对象的方法7.For  in 遍历对象有什么影响8.for遍历数组和foreach遍历数组有什么区别9.数据类型转换为false的三、Ajax1.Ajax XMLHttpRequest发起请求的流程2.Get请求和Post请求的区别3.Get传参带来的影响4.Post请求体常见格式四、Promise1.promise是什么2.有几种状态，可不可以改变状态3.什么方法可以进入微队列，什么方法进入宏队列五、网络1.location、session、cookie 的异同2.什么是跨域，跨域的解决方案首先面试官人很好，全程提示和解释。这次面试深深让我感觉到基础知识方面还有很大的漏洞，很多基础的问题都只是了解过，没有深入，不过这次面试确实学到很多东西。（已挂）

自己学就是完全会摆烂我目前投了很多 tx和mt一面挂了求搭子😭😭😭

自我介绍 验证码生成的完整逻辑 项目遇到了哪些困难 现在想做一个上传头像的功能，需要实现用户可以自己裁剪头像上传，如何实现这个逻辑 react router路由跳转的内部实现是怎样的 浏览器的存储方式有哪些 localstorage的存储限制，setitem报错的情况和处理方法 你觉得自己对前端的哪部分内容比较有优势 手撕 求多个区间的并集 给一个字符串，打印每个括号前面的循环次数，比如3（a）的输出是aaa，3（a2（b））的结果是abbabbabb

4.6笔试4.10一面/50min1、purecomponent原理2、setSate3、redux-thunk原理4、为什么用reducer，不用会怎么样5、为什么hook不能放在条件语句里面6、白屏怎么优化7、函数式组件和类式组件优缺点8、用hook实现循环count加十次9、redux怎么实现数据透传其他忘记了....面试官人很好，自己写代码引导4.18 hr面/30min4.24 二面/20min1、讲一下读过的react源码（头已经昏了）2、http1.0/1.1/2.0/3.03、websocket在哪一层，和http的区别4、OSI七层模型5、快排实现、复杂度、缺点、优化面试完20分钟打电话说两到三天发offer邮件4.25晚上offer

压力最大的一集，面了一个半小时，写了四道题，以为挂了，过了一会看状态直接复试了说说你对于链表这种数据结构的理解react fiber中是怎么实现的链表和数组的区别，优势是什么深浅拷贝、堆栈，js数据类型，如何实现深浅拷贝手写深拷贝字符串为什么能调用某些方法，原理是什么（这里扯到了字符对象和原型链）一道输出题（考查作用域）手写事件冒泡和事件捕获阶段的一个点击事件弹窗事件捕获和事件冒泡顺序是怎么样的，谁先说说常见的排序算法（说了冒泡和快排）手写改编版delay函数手写flat方法DOM Ready的含义，如何计算这个时间onload和DOMContentLoaded的区别onload过程中，图片加载算在内吗FP，FCP，LCP是什么，如何获取Performance和PerformanceObserver的区别说说常用的Git指令git stash是干嘛的git merge 和git rebase区别ansi字符是什么，和其他的编码有什么区别base64和ANSII的原理utf8和utf其他有什么区别，原理是什么utf8是怎么存储字符的，每个字符大小是多少，有什么优点知道哪些前端优化手段，你平时是怎么做的jpg png webp和avif有什么区别图片懒加载，骨架屏原理，白屏如何处理如何进行打包优化cdn是什么webpack和vite的区别vite的原理是什么没录音还有一些不记得了…题都写出来了，有几题没答好，结果秒过了tme带我走吧

时间：4.25  50min1.自我介绍2.实现双栏布局，左边固定，右边自适应的方法3.vue生命周期4.合并数组的方法有哪些5.闭包的原理6.relative和absolute的区别，如果没有relative，只有absolute，会出现什么情况？7.说一下箭头函数，箭头函数的特点，箭头函数中如果有this，this会变化吗？8.数组的方法有哪些9.开始看代码说输出，涉及到var.let.const的作用域，settimeout函数，和new出的实例对象10.说一下深拷贝浅拷贝11.手写深拷贝方法12.手写一个利用promise实现的函数13.说一下async await14.说一下组件通信的方式15.说一下promise的状态有哪些大概记得这些 #地平线# #面经#

时间：75min题型：3道单选题➕3道简答题⭐ 单选题记得的知识点：css 优先级、http、Cache-Control、Etag、304等⭐ 简答题1. 高效执行并输出异步任务结果任务描述：请编写一个名为 executeTasks 的函数。这个函数需要接受一个异步任务数组作为参数。每个任务是一个会返回 Promise 的函数。你的目标是同时启动这些异步任务，并且在每个任务完成时，立即按照它们在数组中的原始顺序显示它们的结果。（呜呜呜最后五分钟才看到下面的要求和实例，现在还改不出来，有 uu 会嘛🥹）--已更新2. 编写一个 JavaScript 函数，该函数能够将给定的虚拟 DOM 对象（JSON格式）转换为真实的 DOM 结构，并将其插入到页面中。3. 实现Array.prototype.reduce: reduce() 方法对数组中的每个元素按序执行一个提供的 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。 第一次执行回调函数时，不存在“上一次的计算结果”。如果需要回调函数从数组索引为 0 的元素开始执行，则需要传递初始值。否则，数组索引为 0 的元素将被用作初始值，迭代器将从第二个元素开始执行（即从索引为 1 而不是 0 的位置开始）。#拼多多笔试# #前端笔试# #笔试# #拼多多#  #软件开发2024笔面经#

base：北京时间：4.24    50min1.讲一下css position，描述一下区别2.长度单位px，em，rem，vh，vw3.讲一下flex的属性和特点4.对一个盒子设置background，这个background包括盒子模型的哪些范围5.讲一下BFC6.js原型链继承7.在开发过程中，哪些场景会用到原型链继承8.讲一下闭包9.说一下V8垃圾回收10.es6用过什么api(问的很泛)11.说一下数组reduce的用法12.promise的作用，口述手写promise13.async await实现原理14.用过哪些react的hooks15.useEffect的运行机制16.useEffect第二个参数写空数组和不写，有什么区别吗17.useEffect如何模拟类组件生命周期18.useCallback和useMemo的应用场景和区别19.useRef的应用场景20.如何把组件内部的方法导出来让外部的组件能够访问到21.为什么useState重新render的时候不会初始化22.场景：变化横屏竖屏和折叠屏的时候，手机字体和布局得变化，如何让页面所有组件重新render，让变化能够展示给用户 #软件开发2024笔面经#

有些难崩的面试，说好邮件四十五分钟，结果二十分钟就结束了，也没有手撕主要是项目登录token为什么放在本地，cookie呢怎么配置cookie，让他不被js操作获取协商缓存401 402 403cache control有什么属性vue的mvvmjs在浏览器单线程为什么浏览器网络请求线程websocket怎么维护连接场景题：vue通过网络请求渲染列表，怎么通过js获取列表高度唯一就是这个没答出来，我想复杂了，听到网络请求就在想异步的思路，还有什么promise.all把列表封装进去，结束了回想一下其实就是ref来获取元素………………全程感觉挺冷的，可能也因为我拖了一个星期才来面吧感觉纯kpi无疑了

电话面 时长：16min 自我介绍 三栏布局如何实现 url 输入到渲染 个人技术栈 说说闭包 js 数据类型 Vue 的 diff 实现原理 index 的作用 讲一个实习产出 一面 时长：85min 平台：腾讯会议（未开摄像头） 自我介绍 细讲一下秒发方案 首屏渲染速度是如何优化的，咋量化 详细说一下轮播图预加载实现思路 如何将其封装成一个通用逻辑组件 Vue3 比较大的更新有哪些 Vue 数据双向绑定实现原理 页面 input 框输入变化这个过程中数据流程如何处理 整体来看上面这个数据流转涉及到哪些架构 Vue-Router 底层是通过什么 API 进行路由跳转 node...

因为是校招专场，所以是线下面试的1.日常项目拷打2.css如何使一个盒子居中3.margin百分比是相对的谁（父盒子还是自己）4.js里promise和async await，为啥有了promise还有提出async await5.如果浏览器打开一个网页很卡，可以怎么优化（减少回流重绘，防止内存泄露，浏览器缓存等）6.浏览器缓存都有什么类型（我说了强制和协商缓存，他说cookie类的，我说还有session和localstorage，他说了解indexedDB么，这个我没接触过）7.http2相对于http1优化了什么8.https是什么9.websocket了解么10.chatgpt是怎么返回数据的（轮询，长连接，还有websocket还有一个我不认识的方法）11.你是怎么部署的，docker，k8s了解过么12.vue2与vue3区别，vue3为什么要推出组合式api（面试官说方便复用），虚拟dom是什么，为什么比操作真实dom快13.typescript了解么14.正则表达式知道么，用在什么场景里（我说表单，他说大部分是，也有其他的，我不了解这个）15.模块导入有几种方式（es6和commonjs），ast，tree shaking知道么16.打包工具用过什么，vite和webpack的区别（vite基于es6所以快）17.知道web worker么（我只知道是在前端开多线程的），追加了几个基于web worker的问题18.可视化用过么，echart是基于什么实现的。。算法题：拿张纸，手写代码1.考察了一道闭包的题目，一个counter然后调用，写输出结果2.一个url怎么提取出params3.123456789怎么变成123，456，789的格式（我是操作字符串，他说可以用正则表达式）#腾讯##前端#