前端一面面试官很有礼貌，全程亲切有笑意，直接让紧张心情放松了。主要是问项目，可能因为项目内容比较多（实习疯狂偷产出）在问项目架构和细节、项目难点及如何解决，讲清楚项目怎么做的就好。后面是问了前端基础、学习方式、计算机网络、计算机原理及组成这些最后还和面试官聊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?在字节跳动不同业务场景(如短视频首页、活动页、资讯详情页)中，如何选择合适的渲染方案?各方案的部署流程有何差异?

1.项目介绍。2.蚂蚁集团有很多金融交易和配置的场景，请你设计一个高可用、高扩展性的表单引擎，需要具备配置化、校验复用、动态联动的能力。你将如何定义配置Schema?3.支付宝首页或金融看板有很多实时数据刷新的场景。请设计一个高效、低延迟的前端数据推送和渲染方案。如果数据流涉及到风险控制，前端需要做哪些配合来保障实时性和准确性?4.在处理用户敏感信息(如身份证号、银行卡号)的展示时，前端需要承担哪些安全责任?你如何设计一个前端级别的数据脱敏和防篡改方案?5.如果让你负责将集团某老旧系统从iQuery/原生 JS升级到最新的 React/Vue 体系，你将如何制定技术选型、渐进式重构的策略和时间规划?6.蚂蚁有著名的 Ant Design 体系。如果你要负责设计一个新的企业级组件库，你认为易用性、可扩展性、可定制性三者之间如何平衡?你会优先关注哪些设计原则?7.你对未来三到五年的职业规划是什么?你认为在蚂蚁集团这样的平台，你的核心竞争力和最大价值体现在哪些方面?

一、概述 1.1 定义 发布/订阅模式：基于一个主题/事件通道，希望接收通知的对象（订阅者）通过自定义事件订阅主题，被激活事件的对象（发布者）通过发布主题事件的方式被通知。 1.2 作用  广泛应用于异步编程中（替代了传递回调函数） 对象之间松散耦合的编写代码  高级前端必须掌握的知识点之一 1.3 核心思想 graph TD A[发布者 Publisher] --> B[事件中心 Event Center] B --> C[订阅者1 Subscriber1] B --> D[订阅者2 Subscriber2] B --> E[订阅者3 Subscriber3]  关键...

1.项目介绍。2.JavaScript 中的 this 是如何工作的?有哪些绑定方式?箭头函数有什么不同?3.什么是闭包?你在项目中哪些场景下使用过闭包?4.谈谈你对原型和原型链的理解。如何实现一个new操作符?5.你常用的 ES6+新特性有哪些?Map 和 Object 的主要区别是什么?6.实现一个三栏布局，中间自适应，两边固定宽度，有几种方法?7.CSS盒模型中的box-sizing:border-box 和content-box有什么区别?8.React(或 Vue)的 Virtual DOM 是如何工作的?Diff算法的核心逻辑是什么?9.在大型项目中，你是如何做状态管理的?Redux(或Vuex/Pinia)的核心思想是什么?10.HTTP 缓存机制是怎样的?(强缓存和协商缓存11.你从哪些方面去优化前端页面性能?12.请选择一个你认为最有挑战性的项目，介绍一下它的背景、你的角色和主要工作。13.你是如何保证项目代码质量的?

1.vue2你有什么了解2.vue3和vue2的区别3.for (var i = 0; i < 3; i++) {var a = i;let b = i;setTimeout(() => console.log(i,a,b), 100);}4.for (var i = 0; i < 3; i++) {var a = i;let b = i;}setTimeout(() => console.log(i,a,b), 100);5.console.log(1);setTimeout(() => console.log(2), 0);Promise.resolve().then(() => {console.log(3);return Promise.resolve().then(async()=> {setTimeout(()=> console.log(6),0);await console.log(5)})});console.log(4);6.flex讲解7.你知道哪些数组方式8.slice用法（忘说这个了，有问了这个和splice区别）9.浏览器渲染机制10.重绘和回流的区别11.虚拟dom12.diff区别13.栈和堆的区别14.基本类型和引用类型的区别15.事件捕获16.this用法17.apply，call，bind18.闭包19.节流和防抖20.节流和防抖的应用场景都是什么21.后面忘记了22.没带电脑没考算法题，不然肯定要考的，不过大概率挂了

一、Promise 基本原理 1.1 核心概念 Promise 是一个类，在执行这个类的时候会传入一个执行器，这个执行器会立即执行。 Promise 有三种状态：  Pending（等待）：初始状态 Fulfilled（完成）：操作成功完成 Rejected（失败）：操作失败  状态转换规则：  Pending → Fulfilled Pending → Rejected 一旦发生改变便不可二次修改  状态转换图： graph TD A[Pending 等待] --> B[Fulfilled 完成] A --> C[Rejected 失败] B --> D[状态锁定] C -...

刚开始几道是昨天字节问过的题，没想到还有点幸运哈哈哈1、自我介绍2、学前端学了多久3、前面那个实习为什么没转正4、工作地点考虑不考虑北京5、判断是否是数组类型的几种方式6、原型和原型链7、原型链最后指向什么8、防抖节流9、防抖节流的使用场景10、vue3比vue2的新特性11、nextTick12、代码题：事件循环13、flex：1的含义14、实现元素上下左右居中15、项目难点16、实习难点17、项目中首屏优化18、其他可优化的性能19、有没有其他offer20、对ai看法21、前端职业规划反问环节之前面试官还主动给我介绍了部门的业务，这是要过了吧？

前端实习一面，50分钟1.自我介绍2.项目难点（可能该改简历了，2场面试都问项目难点）3.演示项目（打开了组件库的演示文档）4.组件库项目关于message和dialog的z-index设置，确实很有启发，可以深究5.opacity和display:none区别5.5 position属性和应用场景6.场景题：文字超过限制省略，左侧有按钮控制折叠打开，内容少禁用按钮（回答了js检测文本长度与宽度进行比较，不太对）7.flex的一些属性8.CSS选择器和优先级9.流式输出，回答了SSE、数据存储和性能优化的一些具体措施10.SSE和Websocket的区别11.JS基本数据类型12.let和const的区别13.Vue中const的ref可以修改吗14.ref和reactive的具体区别15.watch监听多个数据16.实习时长和到岗时间ps：还问了路由相关问题，A退到登录页面、再登录时候直接是A页面 和 路由鉴权----- 反问 -----就职负责的模块：ai视频剪辑目前表现，如果入职，面临技术上的难题？面试管说基础不错，但是涉及到实际场景就有欠缺，是实习生的通病很感谢面试管提出的建议

一、new 的概述 1.1 new 的作用 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 1.2 new 的过程 当使用 new 调用构造函数时，会执行以下步骤：  创建一个空对象 将空对象的 __proto__ 指向构造函数的 prototype 将构造函数的 this 指向这个新对象，并执行构造函数 返回新对象（如果构造函数返回对象，则返回该对象；否则返回新创建的对象）  翻译过来就是我们需要：  创建一个空对象 let obj = {} 将 obj.__proto__ 指向构造函数 .prototype  原型链作用：当对象上没有的属性会顺着 obj._...

拷打了1h 1.git你知道的都有那些命令？2.git的分支如何处理？3.git如何处理冲突？4.git如果pull不下来如何处理？5.flex你知道那些？6.如何实现水平三个box左边两个居中右边一个top7.盒模型讲解8.数据深度获取？（我没答上来，说了数组扁平化）9.手撕数组扁平化（我用了两个方法，一个是flag。一个是concat）10.gsap动画库有什么了解？11.浏览器渲染机制12.事件循环讲一下13.vue2和vue3的区别？14.vue3的diff讲一下15.讲一下你项目遇到的难点是什么？16.讲一下three.js(问的我的项目，让我自己说自己用法)17.讲一下vue2如何实现单向绑定（我没学就说的js的单项绑定querySelector,onChange,onInput）18.如何实现事件的控制，比如拖拽，比如缩放之类的？19.如何实现publish等操控给前后端？20.instanceof和typeof的区别21.this指定22.apply，bind，call23.后面忘记了，

几乎全是网络相关线下面，有的问题没能想起来以后加自我介绍vue的原理响应式tcp四次挥手中间两次有什么必要tcp最后一次挥手timewaiting跨域CORS响应头写过没有http响应头状态码缓存机制强缓存和协商缓存怎么区分http1.0和2.0区别项目相关场景：文件上传有小文件有大文件怎么区分处理实习相关实习重难点问了一个小时，几乎全是网络，感觉不像八股，主要想问实践

一、call 1.1 概览 语法：func.call(context, arg1, arg2, ...) 作用：  接受多个参数，第一个参数 context，让调用函数的 this 指向 context 其余参数传递给函数调用  1.2 call 使用 使用 call let obj = { name: '愚公上岸说' } function demo(age) { console.log(this.name); // 愚公上岸说 console.log(age); // 22 } demo.call(obj, 22);  未使用 call var name = '巴菲特' function d...

好未来面经-数字效能一面：1h26min1、自我介绍2、谈谈你对闭包的理解3、事件循环的理解、输出题（考点：一个promise里面有settimeout）4、讲讲这些数组的操作，map，filter，reduce...及答案5、哪些数组操作不修改原数组6、讲讲原型的理解（原型的输出题，太长了，写错几个）7、讲讲一下URL输入到浏览器的渲染发生了什么8、什么是重排、重绘9、如果一个界面频繁操作重排、重绘，怎么优化10、讲一下react的hooks10、useMemo和useCallback区别，问的比较细11、讲讲写h5遇到一个比较影响深刻的难点12、你对块级元素，行内级元素的理解13、Reac...

被打击到了，项目和实习是短板，就面了20分钟1.自我介绍2.登录环节流程3.登陆失败4.服务端怎么通知前端登陆失败5.强缓存和协商缓存6.如何判断缓存有没有命中7.实习项目中打包过么8.npm publish做了那些事情主要问我实践，很多没有，面试要结束时面试官主动跟我说我实践方面不行，然后再反问

第20节：实现并发限制（滴滴、头条面试题） 一、题目描述 1.1 需求分析 实现一个并发限制函数 concurrenceLimits(tasks, limit)： 参数：  tasks：任务队列（请求列表），每个任务是一个返回 Promise 的函数 limit：每次同时并发最多允许的请求数目  要求：  同时发出 n 个请求（n <= limit） 只要其中一个完成请求，立马又加入一个请求 让请求队列始终保持 n 个请求，直到没有任务再可以加入 返回的结果必须按照任务队列的顺序返回，返回结果类似于 Promise.all()  1.2 示例说明 concurrenceLimits([r...

自我介绍，什么契机接触到前端项目拷打省略了1. 组件通信有哪些方法2. 手撕二分查找（mid的赋值出了点问题最后没跑通）3.$ref的应用场景4.This指向题5.. 数组遍历有哪些方法（foreach，map，filter）6..Let const var的区别7. 怎么实现水平垂直居中8.Webpack和vite的区别9.Session和cookie的区别（跟session storage混淆了）反问：1.部门产品：主要是支付相关（包括月付）2.技术栈：主要是vue（react占比少）3.对面试表现的评价：知识面比较广，但部分知识会混淆4.实习生要做什么：初期带教会带着完成一些业务最后面试官很有礼貌地说了句感谢你的时间😢

一面 面试体验最好的一家，面试官很有耐心，我回答完不管对不对他都给我讲答案1、自我介绍2、有没有用过ts3、什么是跨域，解决方法4、websocket5、页面里button的显示和隐藏6、几种隐藏方式的区别7、hash和history模式区别8、冒泡排序复杂度，怎么实现8、jquery有了解过吗9、对我们公司的了解10、反问过，问题跟我在网上搜到的其他途游一面差不多，估计是反问环节加分了--------二面主要问项目和实习，很多实践会遇到的问题，不是八股，没太大参考意见过（本来以为要挂的，好多没听懂就是流程太长了，等结果出来还要隔一周才能约下一场面试，一共四面，等待太痛苦