太难了

1. 展开说说实习经历，做了哪些接口，怎么做的？2. 实习上月度报表数据的自动化触发以及异常监控，这个异常监控是做了些什么？3. 除了xxljob,有了解过其他的一些定时任务的框架吗。4. 慢查询优化说说5. 慢查询涉及的表有多少，涉及的数据量量级多大？6. 说说springcloud了解哪些？介绍一下  ？ 原理知道吗7. 有做过微服务项目吗，说说这个微服务项目springcloud具体组件做了什么8. 项目运行过程中一开始上线好好的，然后突然就崩了，说说排查思路。9. 怎么处理数据库的事务10. 如果我一个业务的页面它是包含一个主表加多个子表的，那我们做回滚的时候要注意一些什么？ 发生了异常会怎么进行处理？11. 说说连表查询的内外连接，并且举出实际例子12. 左外连接和右外连接区别大吗13. 前端了解多少？ 说说vue3的常用指令14. 是否自己部署过项目？ 说说过程

全程30分钟首先问项目，我的项目不太好，没有接着问。第一道编程题是深拷贝第二道是promise询问结果，数字输出顺序问了框架的了解，我主动说了vite（网上查的虾皮用vite），面试官问了点简单问题，比如能不能投入生产前端反应慢怎么办安全问题，怎么防止黑客。估计一开始面试官就知道我很菜，没问别的（面试官人挺好的）

一共四面，进度挺快，希望能开高一点timeline:10.20 一面 50min10.22 二面 40min10.28 hr面 50min  秒过约10.30主管面但是因为种种原因一直改时间到11月11.11 主管面  50min一面:简历拷打20min，主要是实习业务和微前端框架，然后是八股:react hooks，有哪些，怎么用，useEffect和useEvent区别，useMemo和react.memo区别，为什么不能在条件里用浏览器css和js和dom的解析具体过程，谁先谁后表格缓存怎么做，首屏加载怎么监控的，虚拟表格实现原理，怎么做表格选型的平时怎么使用ai，有哪些心得怎么看待aip.s  面试官好有礼貌，唯一一个称呼为您的，答错了会有正确解答，最后问我还有什么简历没问的我还以为是我没啥能问的二面:1.受到ddos攻击后有哪些应对方案2.前端安全用过哪些3.webpack配置过什么，有用过什么插件4.树摇原理5.react和vue区别6.为什么要微前端改造7.微前端隔离的原理，快照和proxy的优缺点8.服务器部署原理，回滚原理三面hr面:hr挺好的，没有压力1.个人经历询问2.为什么跑路了实习3.觉得最有成就感的事情4.有没有主导过项目5.三个词语形容自己  为什么这么说6.现在最想提升的方面7.为什么选AI初创不选大厂8.对AI的看法四面主管面:拖了好久才来面，还以为不想要我了一眼看出来是字节出来的，之前的同事都是这种高效礼貌疏离的1.讲讲你实习的优化的具体2.有没有什么沟通协作的经历3.形容自己有领导力的原因4.除了想要提升技术还有什么软素质想要提升5.其他offer 意向城市6.反问业务，是根据base地和个人倾向决定hr反馈还在衡量后续安排，希望不要横向没了

1.项目介绍2.讲讲 JavaScript 的原型链和继承。如果想实现一个私有属性和私有方法，你会怎么做?3.CSS 布局中，Flexbox和 Grid 的主要区别和各自的适用场景是什么?4.请详细说明一下浏览器从输入 URL 到页面展示的整个过程，你认为哪些环节可以进行性能优化?5.在你的项目中，你是如何处理前端路由的?以 React Router 或 Vue Router为例，说说动态路由和路由懒加载的实现。6.你在项目中遇到过内存泄漏的问题吗?是如何定位和解决的?7.解释-下 React 或 Vue 中的生命周期，并说说在这些生命周期里，你通常会做哪些操作?8.请手写实现一个 Promise.all 的功能。9.你有什么问题想问我的吗?

1.实习介绍2.async和defer有什么区别3.请求发出去后，怎么判断是否跨域4.介绍一些 es6和更新的 API5.箭头函数和function的区别6.怎么利用事件循环机制，优化大量计算导致的页面卡顿问题7.Zustand和Redux的区别8.有封装自定义的hook吗?为什么不用普通的方法函数9.浏览器输入 ur之后，白屏时间过长哪些环节可以优化10.反问环节

公司: 东方财富Timeline9.19 一面常见八股场景题 + 问项目实习手撕大数加法10.17 二面常见八股+项目实习+聊天无手撕10.28 hr面（线下）10.31 主管面 问的很简单，就几分钟11.12 发offer很幸运能拿到offer，秋招总算结束了#东方财富校招##秋招的嫡长offer#

话题 自我介绍为什么要对iframe的内容进行缩放？iframe的内容有与主页面进行通讯吗？图片以及视频的预览是怎么做的？如果不使用pdf.js，pdf的放大缩小功能如何实现？Echarts鼠标上移到环形图的某一块会有弹窗弹出是的原理是什么？重构工作是怎么做的？如果给你一个复杂的模块，你会如何拆分模块使到其结构清晰，可复用性强？你如何判断哪些板块是可复用的那些是需要定制化的？给你一个双栏布局的结构，鼠标可以拖动两栏之间的边使到这条边移动两边宽度变化，如何实现？前端性能优化相关：如何优化FCP？页面加载完成后用户使用时页面卡顿的原因有哪些？你是如何学习前端的？结构化具体指什么？红宝书看到哪里了？你在工作中如何与产品和后端沟通的？面试官没开摄像头，本来约的前一天结果在会议等到15min打电话给hr临时调整到第二天

1.项目介绍2.react的优势、diff算法的理解、为什么要单向数据流、组件交互。prop和state的区别3.前端工程化的理解、如何自己实现一个文件打包，比如一个JS文件里同时又ES5 和ES6写的代码，如何编译兼容他们4.如何实现垂直和水平居中，多种方法。5.流式布局如何实现，响应式布局如何实现6.对移动端开发了解多少7.跨域的方法，自己实现JSONP，如何设计(这里问了很久)，为什么要跨域，为什么JS会对跨域做出限制8.原型、原型链、继承如何实现9.web存储、cookies、localstroge、如何实现一个在汎的后定时间后过期的localstorage、session和cookies的区别、cookies存储在哪10.let const的优点11.如何自己实现一个promise12.JQ源码的一些问题13.JS如何实现重载和多态14.平时如何学习知识

1.实习项目介绍。2.你提到熟悉 React，请深入讲解一下 Fiber 架构的核心思想它解决了 Stack Reconciler 的哪些问题?work in progresstree 和 double buffering 的作用是什么?3.在跨端方向，请详细描述 React Native 或 Flutter 跨端通信机制(Bridge)的工作原理。RN 中的序列化/反序列化对性能有什么影响?你如何优化跨端通信的性能?4.讲讲你对前端架构的理解。在一个大型的、多团队协作的项目中，你是如何设计和实施模块化和组件化，以保证代码的高内聚、低耦合?5.你对 JavaScript 引擎(如 V8)的工作原理有多少了解?请描述 V8 是如何将 JS 代码转化为机器码并执行的，涉及哪些关键步骤?6.在一个复杂的跨端应用中，你遇到过哪些难以调试的跨端兼容性问题?举个具体的例子，你是如何定位并解决它的?7.如果让你来设计一个通用的状态管理方案，你需要考虑哪些因素(比如数据流向、异步处理、跨页面/跨端共享)?你认为Redux/MobX和 Zustand/Pinia 的设计哲学核心区别在哪里?8.手写一个 React 的自定义 Hook或Vue3的 CompositionAPI，要求实现一个全局错误边界(Error Boundary)或性能监控的功能，并说明其在跨端场景中的特殊性。9.你对 全栈实践 有了解，如果让你用 Node.js 搭建一个 BFF 层(Backend For Frontend)，你会如何设计 API 聚合和数据缓存策略?10.反问环节，你有什么想了解的吗?

1.项目介绍2.先简单自我介绍一下，然后讲讲你过去五年中，做过的你认为技术栈最复杂、挑战最大的一个前端项目。你在其中主要承担什么角色，解决了哪些关键问题?3.请深入讲解-下 React 或 Vue 的响应式原理。以 Vue 3的Proxy 或 React 的 setState 为例，讲讲它们是如何追踪状态变化并触发视图更新的。4.在跨端开发经验中，你对 Hybrid 方案和 React Native/Flutter这类原生渲染方案的理解是什么?它们各自的优势和主要适用场景是什么?5.请描述-下 JavaScript **事件循环(Event Loop)**的工作机制，microtask和macrotask有什么区别?手写代码，解释setTimeout 和 Promise 的执行顺序6.解释 React 中的 Hook 规则，为什么只能在函数组件的顶层调用?如果打破了这个规则，底层机制会受到什么影响?7.手写实现一个**柯里化(Currying)**函数，并说明它在实际业务中的应用场景。8.前端工程化中，你是如何处理模块化的?讲讲Webpack 或Vite 在打包时，如何处理 CommonJS 和 ES Module 模块的差异，以及 Tree-shaking 的原理。9.在进行移动端 Web 或 H5 开发时，你是如何处理不同机型、不同分辨率的适配问题的?请详细描述你使用的技术方案和适配策略。10.反问环节，你有什么想了解的吗?

前端实习 1.自我介绍+项目2.Url渲染过程3.Promise4.Monorepo5.组件库打包了吗6.使用过什么ai吗，以及做项目中会使用ai生成样式脚本之类的吗还有些问题记不清了--- 反问 ---部门工作面试官人很好，在我自己没听清promise的时候，会用场景解释promise也会耐心的解答我的反问

1.项目介绍2.JavaScript中事件循环机制的具体流程是什么?3.React中虚拟DOM的Diff算法核心逻辑是什么?4.HTTP/1.1、HTTP/2、HTTP/3的主要区别是什么?5.TypeScript中泛型的作用是什么?6.浏览器的同源策略及跨域解决方案有哪些?7.React Hooks中useEffect和useLayoutEffect的区别是什么?8.前端性能优化的核心指标有哪些(如FCP、LCP等)?9.什么是闭包?使用闭包时如何避免内存泄漏问题10.Webpack中tree-shaking的原理是什么?11.字节跳动小程序与传统Web开发的主要区别是什么?12.在小程序中，如何优化页面加载速度和减少包

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、vue3比vue24、v-show和v-if5、v-show和v-if优先级6、v-for中为什么不推荐使用v-if7、v-for中key的作用8、dom中也有个key，用过没，这个key是什么作用9、场景题：系统嵌套系统10、场景题：不修改被嵌套的系统巴拉巴拉11、ai coding相关12、职业规划13、前端理解14、最近在学什么好了又发现自己一个短板：场景题

前端一面面试官很有礼貌，全程亲切有笑意，直接让紧张心情放松了。主要是问项目，可能因为项目内容比较多（实习疯狂偷产出）在问项目架构和细节、项目难点及如何解决，讲清楚项目怎么做的就好。后面是问了前端基础、学习方式、计算机网络、计算机原理及组成这些最后还和面试官聊high了，面试官和我分享携程目前的核心战略是“国际化+AI”，说了在AI赛道上携程做出了成效，技术研发投入这些，还讨论了些公司技术选型类似的内容，聊的很开心。二面面试官很年轻先是问一面之外的简历细节（技术栈），然后问了些优化之类的题目。大概是（只记得大方向了）：项目经历，结合场景的追问，解决问题方案和技术广度，基础语法，两题算法，场景题这...

## 沐瞳一面50min1. 你想要去学习一个新的框架，或者说新的一个知识，你是从哪方面去入手的？然后整个学习过程是怎样的？2. 通过什么途径去关注前端的一些新技术3. 项目拷打4.  CSS 盒模型5. 常用的水平垂直居中的方案6. 怎么去判断一个一个变量，它是不是 null？7.  Vue3 中的ref 跟 reactive，两个的区别8. 新项目入手，一般会从哪些地方入手去学呢？## 沐瞳二面45min1. 为什么学前端2. 实习做项目和做毕设项目有什么不同3. 私募面试官直接把沐瞳的商城界面打开，让我手写一个商城卡片组件，吐了后面写的不符合他的要求，随便问了几个问题结束了

1.实习项目介绍。2.React中状态提升与Context API的适用场景有何区别?3.JavaScript中的深浅拷贝有哪些实现方式?4.前端工程化中，Babel的工作原理是什么?5.React组件的渲染过程分为哪几个阶段?6.什么是浏览器的关键渲染路径?在字节跳动资讯详情页中，如何通过优化关键渲染路径(如HTML解析、CSSOM构建、布局、绘制)提升页面首屏渲染速度?7.TypeScript中的类型守卫是什么?在字节跳动SKU管理模块中，如何利用类型守卫区分不同类型的SKU规格(如基础规格、自定义规格)，并实现类型安全的逻辑处理?8.Node.js中的EventEmitter模块工作原理是什么?在字节跳动Node.js中间件(如API网关)中，如何利用EventEmitter实现请求的异步流程控制?与Promise.al相比有何优劣?9.React Suspense与React.lazy的作用是什么?在字节跳动大型应用(如飞书前端)中，如何结合Suspense、React.lazy与路由实现代码分割?使用时需要注意哪些边界情况?10.前端监控体系应包含哪些核心模块?字节跳动如何实现前端错误监控(如JS错误、接口错误)、性能监控(如LCP、FID)及用户行为监控?如何确保监控数据的准确性和性能影响最小化?11.什么是CSR、SSR、SSG、ISR?在字节跳动不同业务场景(如短视频首页、活动页、资讯详情页)中，如何选择合适的渲染方案?各方案的部署流程有何差异?