八股手写项目八股1.JS中闭包的定义、特征、应用场景及注意事项2.对ES6中Promise的理解、核心状态及实际应用方式。3.setTimeout设置delay为0时的执行情况、过程及实际应用场景4.setTimeout和Promise.then回调的执行顺序5.前端性能优化可分析实施的维度、各维度的分析方向、优化手段及相关项目实践成果。6.HTTP/2比HTTP/1更优的原因7.对比React和Vue两种框架8.什么是React Hooks，以及React推出Hooks的核心原因；9.Webpack和Vite核心差异手写Promise.all

八股 手写 1.前端中的Map和后端 HashMap是否是同一个东西2.计算出的哈希值是否有可能改变 具体有哪些场景和方法可以改变哈希值3.HashMap的大致结构是什么，核心由哪几部分组成，各部分的作用是什么4.HashMap是有序的还是无序5.HTTP是什么意思6.HTTPS为何会有两次加密的说法7.HTTPS传输的数据能否被拦截8.HTTPS如何防范中间人攻击9.Vue生态中的Vuex和Pinia有什么区别10.React生态中常用的状态管理工具有哪些11.React Native中的ScrollView和FlatList有什么区别12.判断promise执行流程题算法合并有序数组

八股 1.http状态码2.强缓存和协商缓存的区别是什么3.JS、CSS 这类静态资源是否用强缓存（然后追问这类资源修改重编译会变吗 变得话用强缓存还行吗）4.​缓存模式有哪些5.JS 事件循环的核心原理是什么​6.JS 中的任务分为哪几类7.不同类型任务的执行优先级是怎样的​8.一道代码输出  同步任务微任务的代码判断执行顺序9.React Router 的核心原理 两种模式的区别的是什么​10.React 受控组件和非受控组件的核心区别是什么​11.怎么判断一个 React 表单组件是受控组件还是非受控​12.受控组件和非受控组件分别适合什么使用场景​13.实习过程中遇到过哪些复杂问题 怎么解决14.常见的排序算法有哪些15.不同排序算法分别适合什么使用场景​16.自己的优缺点17.ai怎么用的算法最长无重复子串

1.介绍实习时的团队背景（规模、负责方向）及自身在团队中的角色、与mentor的工作2.团队应用场景，以及哪些业务会使用该组件3.对比团队组件库与其他组件库的差异或优势4.在组件库研发过程中遇到的最难问题5.从接到问题到上线收尾的耗时及各阶段时间分配6.基于现有前端开发经验，若再遇到类似的问题，会在哪些环节节点提升效率、更有章法7.对比做B端与C端开发在感受上的最大差异8.实习经历分享最满意的点和没那么满意的点9.为何选择移动互联网及前端开发方向。10.前端技术栈方向上独立学习进步最大的时间段11.规划工作1-3年内希望成长为怎样的人12.秋招时为何投递小红书

1.为何选择前端开发2.选择offer时的核心思考维度有哪些3.实习项目当前状态与成果如何？该项目技术维度最大的挑战点是什么？4.场景题 用户反馈页面访问慢（异地小白用户），如何定位与解决？5.小白异地用户无法提供复杂环境信息时，如何简化协作？6.项目中是否过讨论过网络安全（如CSRF）？如何防护？7.评价自身优劣势（技术相关）8.平时有哪些愿意长期坚持的兴趣爱好？手撕长度最小的子数组

项目，算法为主1，项目介绍：做这个项目的原因+项目内容2，crud项目在github上找的吗，项目亮点3，说说项目里缓存的设计4，强缓存/协商缓存（请求头）（协商缓存有点忘了）5，介绍tcp三次挥手四次握手（属于会答但不够完美）6，两道算法（1）n表示括号对数，设计一个函数生成所有括号的可能性（2）给一个链表的头部head，判断链表是否有环反问

1.实习介绍2.输入url3.Script的属性defer和async4.Js的原型和原型链条5.输入输出（对象、new实例对象）6.输入输出（promise，微任务，宏任务，同步代码）7.盒子模型8.BFC9.Vue2和Vue3的相应原理，优势10.Vue组件通信（跨组件）11.算法手撕：单链表AddNode方法和from方法12.优化：优化AddNode（维护尾指针）13.使用TypeScript使用泛型进行标注（不太会，就没写）14.反问：技术栈、业务；还需要学习什么

1.实习介绍2.虚拟列表具体实现，问列表的高度是动态的要如何实现3.JavaScript的this指向4.给代码看输出（this指向、call、）5.给代码看输出（this指向）6.原型对象的create7.Object.create实现构造函数的原型继承，构造函数的原型继承8.给代码看结果是true/false（原型）9.给代码看结果（__proto__）10.事件循环11.给代码看输出（事件循环，同步任务、微任务、宏任务）12.给代码看输出（变量提升和暂时性死区TDZ）13.let和var的变量提升14.给代码看输出（TypeScript）const arr=[1,2,3] as constType A = typeof arr[number];15.Vuex和Pinia的区别16.Vue3和Vue2的区别（API、响应式原理）17.自定义个Hook实现全局的状态管理，需要导出暴露什么？有几种实现方案？我说了单例模式和响应式数据，应该不是面试官的答案，我又说使用provider/inject和响应式对象。面试官提示了一下用computed的特点，只读性，保证导出是可读的，必须要使用导出的setter方法修改，保证数据的一个唯一修改方法。18.reactive丢失响应式的原因？解决方法19.前端性能优化20.代码分割（code spliting）是基于什么分割的？处理逻辑是怎么样的？21.为什么有些包会很大？使用哪些工具去进行分析和排查22.手撕算法：找出数组里面出现次数最多的元素和出现的次数

1.实现居中效果的方式2.块级元素的水平居中和垂直居中怎么做3.样式选择器极其权重4.防抖和节流区别5.浏览器的事件循环6.Promise 是宏任务还是微任务7.Object.create原理8.实习项目相关

1.实习介绍 然后聊了七八分钟 问为什么不做控制相关想学前端2.Monorepo的优势(没写简历上但是提到了，我这个贱嘴3.zustand在组件外部使用，不能用勾子，应该怎么办(很基础但不会答3.react什么情况下可以用勾子，随便一个ts文件就行吗(我为什么会觉得所有文件都是组件呢，我说定义在顶层就行4.useEffect的参数有几个(贱嘴多提了一句清理函数，面试官问你对参数的定义是什么(绷5.useEffect依赖数组改变是看值还是引用地址(感觉是浅比较但是又忘了浅比较的方法)6.如果我想改成只要值变就调用应该用什么方案7.看我连对象比较都弄不明白最后直接问了js个有哪些数据类型结束了

1.项目介绍2. 你参与的那个xx系统，如果这个系统后期要支持多租户，你觉得前端这块怎么改动会更合理3. Vue3 的 Composition API setup() 里响应式丢失是什么原因，怎么解决4. 用了 Pinia 做状态管理，在模块之间的通信怎么处理5.我看你项目里用 GRBAC 做权限控制，那我问你一个场景：如果权限在使用过程中发生变更（比如一个用户的角色被删了），你这边怎么清理掉他之前加载的权限路由6. 看你做了双 token 无感刷新，如果 refresh token 也失效了，但你这时挂起了一堆请求，刷新失败了，怎么处理7. 你提到你们公司做系统集成，那如果你要集成一个船上的摄像监控系统（第三方页面，但它不能改代码，只能iframe嵌进去，而且还要求根据用户权限控制展示内容，你会怎么处理8. 有这样一个场景：如果你从多个系统的 API 拉数据，但这些系统的数据结构不一致，比如 A 系统返回 camelCase、B 系统是 snake_case，还有一些是中文 key，你怎么统一数据结构，来复用9.如果让你来你现在负责一个项目，有20+个页面，需求方经常改字段、加字段，你每次都要改组件，这个时候你怎么来设计10. 如果你要做一个拖拽式仪表盘Dashboard用户呢能自己拖拽、组合图表组件展示不同数据源的信息，你会怎么来设计这个系统11. 看你做了一个公交大屏项目，项目里画车辆轨迹，那如果现在一个页面要同时展示 300 辆车的实时位置+轨迹，你怎么来优化12. 地图中你是怎么处理车辆轨迹“绕圈走”的情况的？比如一个车在原地掉头、拐弯，但 GPS 连续记录了好几个点，那肯定你的轨迹图就会一堆锯齿，怎么来做呢13. GeoJSON 有哪些字段？你在做行政区边界展示的时候，做过数据裁剪吗？如果只展示“浦东新区”这一个区的数据，你怎么只加载它？14.怎么处理 WebSocket 的多连接问题？比如你一个页面要同时订阅车辆位置、报警事件、设备状态，怎么复用，保证不丢数据15. 有没有处理过图表/地图上的数据级联问题？比如点击图表某个项目，地图跟着联动展示，这块怎么处理的16.手撕：给定一个整数数组 nums ，找到一个具有最大和的连续子数组，打印该子数组并返回其最大和。17.反问

9.14 投递9.16 笔试10道单选+3道算法。ide很简陋，没有代码提示，加上笔试之前没训练ACM输入，三道算法题虽然挺简单，但是都编译报错，第三题只写了注释和大致思路。11.28一直没发感谢信。没想到被捞起来面试了，估计大佬们都拒了吧12.03 一面（30min）1.自我介绍2.最近在玩什么游戏、兴趣爱好、多长时间打一次乒乓球3.拷打项目问了项目组的情况，人数、粉丝数、项目管理工具、项目发布时间等；如果有客户反馈bug解决流程是怎样的；后处理管线怎么搭建的，做的什么效果；关键帧框架用来解决什么问题；遇到过什么bug，怎么解决的；怎么学习的项目框架，入门用了多长时间；有没有奇怪的需求，怎么解决的4.如何判断一个点在三角形里面5.如何用栈模拟队列6.一组药品中有一个有毒，怎么用一只老鼠测试出来，怎么只用一次实验测试出来7.3L和5L的水瓶怎么分出4L8.不借助中间变量，交换两个数的值9.C++指针的大小是多少，为什么和计算机字长有关10.图片的一个像素在计算机怎么存的，1024*1024 rgb图片占多大空间11.有一个圆形技能命中敌人怎么设计，如果敌人很多怎么优化12.为什么喜欢想做游戏，更喜欢什么岗位，优势是什么13.怎么看待公司加班14.如果被录用，什么时候可以来实习反问：目前在做什么游戏或者什么类型的游戏（SLG类型，不一定分到一个项目组）面试官很友善，八股问的少，难度不大，项目也没有深问细节，主要是在验证项目真实性。6 7问两个智力题没想出来，面试官说没关系。无手撕12.05 收到二面邀请

总时长：50min左右1️⃣ 自我介绍2️⃣ 让介绍两个实习中的重点难点，然后开始一个点一个点的追问深问为什么这个点难，当初解决是用方法A，你现在看来还有其他更好的办法吗？3️⃣ 反问基本都是根据自己的简历上的问题来，没多大参考意义了

自我介绍 项目拷打你的双token机制认证是如何实现的？如何保证数据安全websocket如何实现实时数据通信有了解过WebSocket的实现原理吗VUE2和VUE3的区别为何VUE3比VUE2有比较大的性能提升，具体体现在哪方面，如何实现的你有做过哪些页面优化？首页加载有哪些优化方式？假如给你一个首页，你要如何开始优化，使用哪些工具webpack和vite打包的区别客户端渲染和服务端渲染的区别服务端渲染是如何实现数据同步的？有做过内存优化吗假如给两个对象互相引用js能够进行内存回收吗？JS的内存回收机制是如何实现的跨域的解决方式有哪些反问时间：40min

基本上都是和自己项目有关的八股，问的很多都是项目和实习的。。自我介绍拷打项目加实习vue3核心是什么说一下computed的不足之处watch和watcheffect函数式编程是什么场景题（这个好像是我的项目里的）实现一个泛型类型，能根据类型参数动态决定图表类型阅读代码题考点是类的静态方法

总时长：45min面试官一开始先介绍了本次面试的流程：简历问题、基础知识、部门介绍1️⃣ 自我介绍2️⃣ 实习的收获，从业务以及技术上展开说说3️⃣ 从0到1搭建项目，会考虑哪些点4️⃣ vue出现的背景，好处有哪些5️⃣ 其他简历上针对的问答……6️⃣ 首屏加载优化的方法有哪些7️⃣ vue响应式原理8️⃣ java和js面向对象的异同点9️⃣ ==和===的区别1️⃣0️⃣ css选择有哪些，及其优先级排序1️⃣1️⃣ setTimeout的第二个参数设为0一定会马上执行吗1️⃣2️⃣ vue双向绑定的原理1️⃣3️⃣ 原型和原型链1️⃣4️⃣ data为什么是一个函数1️⃣5️⃣ webpack构建流程1️⃣6️⃣ 为什么vue、react都需要状态管理工具1️⃣7️⃣ 关于前端学习的规划1️⃣8️⃣ 反问

开篇：一个经典的面试题“说说看，用户登录后拿到的 Token，前端应该怎么存？”这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionStorage？还是 Cookie？又或者是内存里？不同的选择背后，是截然不同的安全考量。今天，来聊一聊 Token 的存储之道，让你不仅知道怎么做，更明白为什么这么做。选项一：Web Storage（localStorage / sessionStorage）这是最直观、最容易想到的方案。 // 登录成功后 const token = 'your_jwt_token_here'; localStora...

boss上沟通的，hr是帮另外一家公司招聘，但是又不了解具体情况，技术面试时简单聊了几句就拿了一套题出来让现场写

第四场面试，体验最好的一集，也是问项目最多的一次，收获颇多1.聊聊sse吧，这个打字机效果考虑了哪些实际场景和技术场景2.回复常规是marKdown格式，对于符号截断导致的渲染问题你怎么解决3.性能问题，比如聊了几十轮会卡顿吗，怎么做的优化4.虚拟列表首屏闪烁问题5.讲讲你策略模式怎么做的，有系统了解过设计模式吗6.讲讲你提到的这个高阶组件(封装的路由守卫)7.登入流程，cookie的常见字段以及对其他浏览器存储的了解8.对登录过期是怎么处理的9.三个代码输出题，很简单但是第三个脑抽了10.问开源活动做了哪些11.react生命周期，单向数据流12.useeffect依赖数组作用13.使用hook的注意哪些，usestate和useref的区别14.手写倒计时组件15.讲讲指数退避，没有了解过其他现成的实现方式或者开源方案吗16.css选择器和优先级，使用方式的优先级，排列组合起来怎么比反问时重点问了对实习生的要求字节想招什么样的人回答是潜力然后详细说了一下哪些方面说这种很主观总结：相当相当温柔啦，娓娓道来给足回馈声音像张楚，之前几场面试都没怎么问项目这次问够了，收获挺大了，下次再战吧字节