1.项目介绍。2.菜鸟有大量复杂的B端系统(如WMS、TMS)。在设计一个高度复杂、表单项繁多的“创建物流订单”页面时你会如何设计其组件架构和状态管理?3.在物流中后台系统中，经常有“拖拽排序”、“动态增删表单项”的需求。如果要你实现一个可拖拽的列表，你的技术思路是什么?4.菜鸟的物流大屏(“天眼”系统)需要展示全国包裹的实时流动数据。如果要你负责这个可视化大屏，你会如何选型(例如 ECharts,AntV G6/L7)?如何处理海量数据的渲染性能问题?5.包裹“实时追踪”是菜鸟的核心功能之一。在H5端展示一个包裹的实时物流轨迹(包含地图和时间轴)，你会如訥以有设计这个功能?如何与地图API(如高德地图)交互?6.假设你负责的菜鸟驿站站长工作台(PC端)首页加载很慢，你会从哪些方面去排查和优化?(请考虑B端系统的特点)7.物流系统的很多页面数据需要高实时性(例如库存、包裹状态)。你会如何实现前端数据的“实时”更新?(轮询、WebSocket、SSE等)请分析它们的优劣。8.你对菜鸟的业务有什么了解吗?从前端的角度，你认为菜鸟的核心技术挑战在哪里?

1.项目介绍。2.讲讲JavaScript的数据类型，基本类型和引用类型的区别3.事件委托的原理和优势，事件冒泡和事件捕获4.React的Hooks规则，useCallback和useMemo的使用场景5.Vue的keep-alive原理，组件缓存如何实现6.CSS的层看上下文和z-index，如何创建层看上下文7.前端性能优化，懒加载和预加载的实现8.浏览器的本地存储，cookie、localStorage 、sessionStorage的区别9.HTTP请求方法，GET和POST的区别10.介绍你的项目，技术栈和核心功能实现11.防抖和节流的实现，应用场景有哪些12.Webpack的构建流程，如何优化打包速度13.ES6的新特性，箭头函数和普通函数的区别14.前端路由的实现原理，hash模式和history模式15.常见的前端加密方式，token认证机制16.TypeScript的枚举类型，接口继承和类型别名

1.实习介绍2.项目中负责的工作3.（基于项目）封装了什么组件4.如何规划组件暴露api以及动态能力5.vue通信方式6.emit和provide/inject对比7.elementui组件和你们自己开发的组件8.vue2和3的对比9.为什么vue3要去升级成proxy，不用defineproperty10.signals（这里已经不会了）11.vuex和pinia对比12.输入网址到网页显示这个详细过程（计网）13.一次刷新和二次刷新14.强制刷新有什么不一样，强制刷新有什么缓存策略反问环节

虾皮前端 总的来说八股不多，基本问实习项目，略面试官的技术栈好像是react，主包全是vue，几乎没怎么问框架有两道读代码题，事件循环和vue，还有一道简单算法，正则表达式匹配相关八股1.qiankun的原理2.ref和reactive，reactive的底层原理3.浏览器缓存，怎么判断是强缓存4.DNS解析过程别的忘了，根本没怎么准备纯纯去脱敏训练的，结果当然是拉了坨大的没一题答得上来一面完秒挂。面试官人蛮好的也给了很多建议，🦐你真好是我太菜

1.实习介绍2.前端学习路线3.html语义化标签以及理解4.inline、block、inlineblock5.css常用什么属性6.介绍display7.position有什么值8.absolute与fixed区别、fixed与sticky区别9.relative相对于谁来说、设置left这种属性有用吗10.属性居中的方法11.animation和transition的区别12.JS和ES6常用语法13.promise静态方法使用场景14.this指向以及如何改变this指向15.作用域和原型链16.数组方法17.filter、map、splice是怎么用18.foreach会不会改变元素19.JS数据类型、按存储方式分类20.谷歌浏览器回收机制21.vue生命周期22.vue自定义指令23.vue语法结合算法数据结构说一下24.http和https的不同25.https在劫持之后为什么能不被篡改26.tcpip协议干什么用（在这里提到了tcp是可靠传输27.不可靠传输是什么（然后就被问到这个了28.udp适用场景29.http缓存机制30.nocatch和nostore的区别31.协商缓存32.vite和webpack33.git用哪些命令比较多34.调试和抓包工具（简历提到的）35.开发遇到过什么问题36.节流和防抖37.服务器限制上传数量怎么实现38.直播比赛如何实时加载评论39.主动推送涉及前端什么技术40.长轮询

1.  块级元素和行内元素2.  行内块元素，中间间隙怎么去掉？3.  BFC作用和触发条件，以及他可以用来解决哪些问题4.  盒子模型5.  了解过哪些布局方式？百分比？rem布局？flex布局？6.  说说rem布局7.  还学过哪些语言？与js的区别8.  学过C++，哪C++与js有哪些不同？强类型与弱类型9.  平时通过哪些方法学习的js?看红宝书和视频10.  css实现三角都有哪些方法？border, canvas, svg...11.  js的数据类型，基本类型和引用类型都有哪些，具体的区别12.  实现深拷贝的方式都有哪些？递归，JSON.stringify（）它有哪些缺点13.  说说js的事件循环,宏任务和微任务，promise的同步与异步14.  说说vue中的$nextTick()它的延时调用是怎么实现的？15.  get和post的区别16.  说说js的闭包（详细）17.  浏览器是怎么解析js的？18.  你还有什么问题要问的吗？

1.实习介绍，说了十分钟，问了一个全栈开发的项目2.AES RSA都是什么，有什么区别，私钥公钥有几对（勉强）3.JWT是什么，全称是什么（勉强）4.React Hooks都是什么，和vue的有什么区别，Reacthooks怎么用（还行）5.JS数据类型都有什么（还可以）6.数组API都有什么，用过哪些7.前端显示图片的方式，图片可视化的标签都有什么（没复习到说了img）8.canvas是什么，在项目里怎么使用（没复习到）9.如何实现button的渐变效果，比如从深红到浅红的渐变，有几种实现方式10.JS数组都有什么，用在哪里，对象数组是什么（还行）11.JS首页渲染怎么实现，也就是浏览器渲染首页流程（复习到了，勉强能说）12.白屏怎么办，懒加载是什么怎么实现（懒加载背完忘了完蛋）13.React状态管理工具怎么用（一开始没想起来React的，说了vuex+pinia，具体地说了vuex，后来突然想起来了，说了redux和ZUstand和usestate，没敢细说因为全忘光）14.v-if 和v-show有什么区别。都是干什么的（说了先if后show，背过忘了）15.手撕： m*n 初始化值为0，尽可能简单的写16.开始深挖项目和实习：首页渲染页面性能提升50%怎么做到的之前实习项目的组件是公司自己的还是你自己写的（自己写的）分页是你做的还是后端帮你（后端帮我）项目的数据量有多少之前应用的页面为什么会白屏，闪退，原因是什么知道吗，是搜输入的时候就闪退还是什么...(还有很多聊了20min具体记不太清了)17.平时用ai吗都用什么，让ai写css给他指令怎么给（这能咋给）18.ai使用占比多少，90%？（苦笑着说60%70%吧）19.反问环节

1、js数据类型(js存储变量的)堆栈的区别音、为什么要这样设计2、原型链是什么、酚原型链可以用来干嘛、es5继承的方式3、事件模型、如何阻止冒泡、如何阻止捕获、事件委托是什么target和currenttarget的区别4、说下flex布局、Gflex: 1的含义、flex的默认值5、js脚本加载的defer和async的区别6、说下几种本地存储方式的区别、如何操作cookie、后端如何操作cookie了解吗、Ccookie的字段、如果想给localstorage设过期时间应该怎么办7、url到渲染页面干了啥、tcp怎么保证可靠性,窗口大小拿来干嘛、怎么进行流重控制8、进程和线程的关系、多线程的好处和坏处、死锁的原因和解决9、优化递归调用计算阶乘，栈溢出尾递归把return n*func(n-1)改成returnfunc(xx)的形式10、数量大于n/2的数力扣原题

1.实习介绍2.Webpack 和 Vite 怎样配置的?3.组件之间怎么通信?4.Axios拦截器你是怎么做的?5.组件设计有什么需要注意的吗?CsS的硬件加速怎么实现的?7.接口重试机制是什么?8.HTTP缓存有哪些，是什么?9.Sass你怎么用的?10.如果提前实习，你来吗?11，实习过程中你遇到的最难的事情是什么?

整体流程：一面技术面、二面hr面、三面主管面一面（40min）1️⃣ 自我介绍2️⃣ 实习深问这块问了挺久，会展开问些场景3️⃣ 虚拟滚动原理3.1 有没有开f12看过，在滚动的时候滚动条是否存在（？不是很明白4️⃣ vue2和vue3的差别5️⃣ 事件循环6️⃣ promise，以及有哪些方法7️⃣ BEM命名规范8️⃣ 反问二面（20min）1️⃣ 自我介绍2️⃣ 为什么选择前端3️⃣ 对于实习经历有什么看法，学习到了什么4️⃣ 对自己的技术的看法，最近在学习什么5️⃣ 有其他offer吗，薪资是多少，你的期望薪资是多少6️⃣ 职业规划7️⃣ 反问二面完5分钟，发了个测评三面（30min）是技术中心的负责人（好像？忘记了1️⃣ 自我介绍2️⃣ 如何看待9963️⃣ 为什么选择前端4️⃣ 家庭情况5️⃣ 职业规划6️⃣ 别人如何评价自己7️⃣ 在校成绩，有没有参与社团，有没有担任领导职位8️⃣ 反问每一面的面试官都会透露工作强度很大，说公司发展很快，业务很多啥的，看上去压力还蛮大的

为什么说是0.5面，因为面完之后京东发来了一面的邀请，鼠鼠我没招了。最后面试官介绍了一下自己那边的业务  等后续面试内容如下：1.自我介绍2.你在美团的性能优化怎么做的？3.除了FCP还了解什么指标？4.如何优化以减少FCP？5.webpack怎么优化的体积？通过什么手段减少的？6.Vue nextTick用过吗？说说原理7.项目里面的AI对话怎么做的？8.用过cursor吗？感觉怎么样？9.AI的发展？以后AI是否取代前端工程师？10.能实习多久？最后面试官介绍了一下自己那边的业务 等后续

一面1h 主要都是八股1、水平垂直居中的实现方式2、问position有哪几种属性3、js的数据类型有哪些堆和栈的区别，如果定义的是对象怎么回收4、判断数据类型的方法有哪些，如何判断数组5、从URL输入到最后呈现经历了什么（知道多少说多少）浏览器进程里包含哪些线程js为什么是单线程的6、webpack性能优化的手段7、介绍下强缓存和协商缓存，什么时候用强缓存和协商缓存8、问跨域是什么，如何解决跨域9、问promise有几种状态，之间是如何转换的知道Promise的哪些方法then,catch,finally返回的是什么10、看代码说输出，宏任务和微任务有关的11、代码手写题：数组展平12、问项...

预定：30min，实际：38min* 自我介绍* // 根据实习提问* 能详细讲讲你封装的组件吗？* 封装组件的时候是怎么平衡易用性与通用性的？* 迭代公共组件时，怎么考虑与旧版本的兼容性？* 你们进行 CodeReview 的时候主要注重的是什么？* 你 CR 或者被 CR 出来过什么问题吗？* 实习中遇到了什么难事？* // 答业务学习* 你是怎么解决这个问题的？* 能讲讲你实习时候的整个开发流程吗？* // 根据项目提问（AI 聊天项目）* 为什么要用 SSE 不用 WS？* 为什么要做多版本消息切换这个功能？* 是怎么实现的？* 用户切换版本时是怎么重新渲染的？* 影响你选择工作的因素有哪些* 反问EOF

自我介绍vue和React的区别vue的双向数据绑定怎么做的代码实现发布订阅为什么用echarts使用过程中性能优化是怎么做的流式输出性能问题vue中虚拟dom存在的意义vite和webpacke区别webpacke中Plugin 和 Loader区别打包时给每个文件加入时间和作者怎么实现webpacke打包过程代码实现平方根，向下取整，二分查找法

昨天刚签完了三方，讲讲我和字节的故事吧我是一个普通的江苏四非院校 不是南邮 也不是杭电一战字节我和字节的故事开始于2025/3/21那个时候我前后端都投，被火山大模型捞了我们从mysql聊到redis从分布式锁聊到高可用我的算法都写出来了，可惜，挂了，于是我放弃了前往北京的打算，在本地找了份实习二战字节暑假的时候我在杭州实习字节的今日头条把我捞了起来我没想到日后竟然真的进入了这个部门那一次 我关于redis的部分答的不好算法是层序遍历 因为许久没练算法 竟然也没写出来遂挂三战字节25/9/1 本来秋招都已经没抱希望了结果业务中台部门竟然把我捞了起来我和一年的面试官从cdn聊到性能优化最后不出意外的给了我过 那一刻我觉得原来字节并不是不可战胜的四战字节25/9/2 我喊出了一号一面 二号二面 三号三面的嚣张口号尽管二面我觉得发挥得不错但迟迟一个月都没有下文我安慰自己 没消息 就是没挂五战字节25/10/17 这时候我的手上已经有了一些offer我没对字节抱幻想 但今日头条的hr和我说约个面试吗 那天是晚上九点原来字节没有把我遗忘结果面的很轻松 手撕a的很快项目因为别家公司的拷打也日渐成熟六战字节25/10/21这一次 我没有了遗憾因为这是我第二次走到字节二面前一天我的美团二面刚挂其实我只是把字节当作一场没有遗憾的战斗我和面试官聊的非常投缘异步调度任务的负载均衡我竟也写了出来面试官问我 如果我要你 你会拒绝其他公司吗我说 我的心里只有字节七战字节25/10/24这一次 我走到了三面我感觉到无与伦比的轻松面试官和我聊了聊项目 我说出我的思考面试官忽然问我 你打游戏吗？我说 打 实况足球如果让你设计一个实况足球 你会怎么考虑？我开始讲我的想法 从前端到后端从数据同步到数据一致性讲完后 我退出面试间十分钟后hr说 面试通过了我们约个hr面吧 就半个小时后！我依然记得hr问了我一个问题你从上一家公司离职 是因为他们没给你hc那你会不会怨恨他们我笑了笑 说他是我的老东家 我希望他能一直好好的happy ending一周后 我收到了我的字节录用回顾这一路 我和字节似乎总差了一点缘分但最后好在 我没有错过如果字节和心脏只有一个可以跳动我想把字节放在我的心脏里让字节的律动带着我的心脏一起律动

10.24 一面服务端渲染有什么优势rpc远程调用的优势为什么rpc传输更快（面试官引导我回答减少了域名解析过程）有哪些方式增加首屏渲染（面试官引导我回答cdn节点）如何解决跨域（在NGINX上怎么解决）（还有一些记不得了，但所有问题他都会引导我回答他想要的答案）反问：有什么要提升的？答：没有，都挺好随后介绍业务10.30二面（下载面试软件迟到了，急忙解释面试官平静的说没事，并提醒我有coding）自我介绍为什么选用nextjs一面问了基础题吗（我回答问了，他说那就不再问了）kmp算法了解吗（吓到我了，他说不会要你手写的）有哪些检索算法有哪些树的数据结构红黑树是什么（超长吟唱。再次感谢那家小公司，要不是问我手写，绝对不会刻意看的）既然你懂算法就不考手写了你如何学习前端你最近学习什么最新前端技术反问：如何学习前端 答：...（太多记不得）再次介绍业务11.11HR面你目前实习做的什么内容如何学习前端的实习，学校，自学三者区别是否考研考公为什么选择珠海投了什么公司是否有其他offer了解公司吗父母哪里人是否有兄弟姐妹是否有女朋友介绍业务11.19开奖秋招第一家也是唯一一家通过的互联网公司，面试中就能感觉出来从一开始他们就想要我，可我已经与一家国企签约了，忙了这么久确实该躺平休息了，挺可惜的。offer就留给各位有志之士了，希望你们替我好好珍惜它吧。

这周的第一次面试 目前1offer 今天面完感觉不错 许愿1.怎么自学2.react了解过没3.箭头函数普通函数区别语法，this指向，不能作为构造函数，单条语句返回可以省略return{}，应用场景不同4.vue3响应式原理5.输入url发生什么6.HTTP缓存策略7.前端安全方面攻击手段以及防御措施8.数组去重的方式9.为什么要用monorepo10.Preview插件实现组件源码预览是怎么做的？11.Tree组件如何实现、12.组件库项目的挑战，如何解决？13.axios拦截器如何做的14.请求失败重试如何实现？15.性能优化如何做的？16.你平时怎么和产品对需求？怎么和测试测试功能？17.产品提出奇怪需求，你怎么和产品沟通？18.时间很紧，如何保证代码质量和按时交付？19.实习期的经验文档，对组内分享过吗？

日常实习 1、自我介绍2、面试官介绍部门业务3、介绍其中一个项目的流程4、该项目中某一环的逻辑5、tcp三次握手四次挥手6、http缓存7、懒加载预加载8、性能优化9、手撕：判断链表中是否有环10、手撕：面试官提示了用回溯做11、反问面试官不是前端开发，还有两面，所以这一面主要问算法。但毕竟是实习，代码题还算简单

一、面试题 通过强缓存与协商缓存部分我们已经知道通过缓存可以给页面访问提速，提升用户体验，还可以节省流量，减轻服务器压力。 但是问题来了：  在实际项目中如何保证更新版本的时候，客户端缓存失效？ HTML、CSS、JS 以及图片等资源，那些使用强缓存，那些使用协商缓存？ hash、chunkhash 和 contenthash 的是什么？他们的区别又是什么？  二、问题 1：解决版本更新时缓存失效 2.1 问题分析 核心问题：当代码更新后，如果使用强缓存，客户端可能仍然使用旧版本的资源，导致更新不生效。 2.2 解决办法 方法一：更新静态资源的路径 原理：通过改变资源路径（文件名），强制浏览器...