开篇各位看官，不知道如果看待面试过程中项目经验的问题？大家在的和面试官在基础知识上你来我往，面试官对你很感兴趣：小伙子我看你骨骼惊奇，一看就是前端开发的好苗子。那你能不能给露两手，你做过哪些项目？你项目中你认为的技术难点是什么？你是怎么解决的？咦？？？ 好一个项目三连，没做过、没啥难点、我也不知道咋解决，它自己就好了。面试官会很委婉的告诉你：你出去！好了你出去当然是开玩笑的，既然聊到项目那么对你的基础知识应该是认可的了。所以打算了解一下你在实际应用上把这些知识结合的怎么样，如果你简历上要是有面试官比较感兴趣的项目经历，也会着手一问。这个目的我们分析出来了，之后想要做一个项目来给自己的校招或者实...

1.列举一件你觉得比较困难的事情，并说明当时是如何思考解决的。2.遇到问题时是否直接采用工具解决?3.遇到问题时会通过求助他人，还是自己查资料或是凭经验解决?具体有哪些思路?4.平时如何学习前端相关知识?5.列举一篇最近看过的关于前端知识点的文章，日常开发使用Vue还是React?为何在通用组件库场景选择Vue 3?6.React Hooks 的原理7.说明 useEffect 和 useLayoutEffect 的区别。useMemo 等用于性能优化的 Hooks 的作用、使用场景及注意事项8.React.memo 的核心作用、比较逻辑、适用场景及注意事项。

面试官态度还好问项目…小程序和web的区别（回答的渲染方面吧）小程序与web操作方面的区别设计表单的优化（例如清理缓存）tree-shaking为什么注释不会被打包vue3 ref、reactivevue2 3区别proxy比vue3的响应式优势http缓存机制缓存登陆状态哪里校验主观题手写实现深拷贝……

虽然但是还是有点点受挫，身边的好多学长学姐现在都在大厂，甚至有同28不同方向的已经有一段实习了，自己还连一段实习都没感觉还是要多努力学习学习，有面试已经是很好的开端啦愿好运常伴我身timeline12.4 要简历约面12.6 一面12.8 询问面试反馈，说没过，给了面试评价和建议，公司给我的印象真的很好 TvT 继续努力✊一面面试官是个女孩子，特别特别特别的友好，虽然说是第二次面试，但是在面试前还是很紧张的，面试官一直是笑着的，让我觉得很放松 TvT，总的来说八股问的比较多，一般是根据你的回答进行追问1. 自我介绍2. Medule Federation 对于 monorepo 的优化体现在哪？3. 说说 cdn4. 打开一个网页的过程5. 说说布局和绘制6. 还有什么会影响布局7. 虚拟列表原理8. 把列表换成树怎么做（不会 TvT9. JS 异步的实现10. 对于计算量比较大的任务可以怎么做11. webWorker 缺点？（没答出来12. 说说闭包和作用域13. 闭包和垃圾回收机制14. 怎么清楚闭包中的变量15. 垃圾回收机制什么时候触发16. nodejs 内置的模块（没答出来17. 问了一下学校什么课程18. 问问数据结构的，数组和链表的区别（没答出来 TvT，私密马赛 sansei19. 用什么打包？20. Vite 的配置你是默认的还是会自己去配置21. 组件库按需导入怎么实现的22. 为什么还要配置 umd 导出23. 说说 umd，amd，cjs，esm 的区别24. 说说你的 LLM 的项目25. 怎么管理对话上下文的？26. 说说 sse，为什么用 sse，和 webscoket 区别27. websocket 用过吗？（没有28. sse 是怎么实现的29. 把你知道的前端性能优化方面说说30. 什么会导致 React 组件重复渲染31. 说说怎么减少不必要的渲染32. 说说浏览器的缓存33. http 的版本有什么区别反问1. 公司业务（面试官好耐心的跟我说了好久，业务有 agent 平台，PRA 还有 web 端客户端之类的2. 实习生会有人带吗3. 面试反馈什么时候出4. 觉得我答得怎么样（答的都挺全面的，但是还是有些深入的东西不是很熟，比如说为什么啊之类的，但是我们不能以工作好几年的要求来要求还没工作过的你嘛

项目 八股 手写八股1.除加载时间外，还有哪些核心指标可用于评估页面性能2.如何评估卡顿问题​3.用 JavaScript 计算 FPS核心原理是什么​4.vw  单位含义是什么？与  px 、 %  有何区别​5.元素水平垂直居中还有哪些实现方案6.问了一个问答 分析同步异步执行顺序手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口​输入联想组件有哪些可进一步优化的点​前端核心的学习方式是怎样的

京东科技 问了很多小程序登陆啊权限啊的问题后面面试官挑的八股题随便问反问一问果然他们主要业务是写小程序挂

八股手写项目八股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. 你参与的那个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