时长20min左右Cookie、SessionStorge、LocalStorge应用场景，如何使用Webpack配置项Webpack如何进行性能优化内存泄漏插槽的种类和作用事件循环CSRF攻击如何防范常见的设计模式职业规划项目难点

结合项目问了一些根据业务场景设计组件样例的问题箭头函数和普通函数的区别浅拷贝和深拷贝浅拷贝和深拷贝分别有哪些方法口撕递归深拷贝前端协作开发时如何防止他人直接对某个参数进行修改前端阻止在一定时间内多次发送网络请求跨域热更新url加载很慢如何排查前端性能优化

flex布局，双栏布局左边为文字内容宽度右边自适应，flex-grow、flex-shrink、flex-basis。水平居中对齐方法数组常用方法，遍历常用方法数组乱序如何使用sort实现数组乱序判断数据类型为函数函数拷贝call bind apply浅拷贝和深拷贝的方法promise状态转换promise.race，手写实现思路跨域的解决方案webpack和vite的区别路由history模式和hash模式，服务器如何配置支持history模式

纯聊天，问了论文，学校成绩，老家在哪，自我评估，爱好，期望薪资啥的 出来的时候看状态变成了录用决策中许愿oc #荣耀校招# #荣耀求职进展汇总#

上午面的，问了一些操作系统和数据结构的知识以及项目中的工作和发表的论文内容，时长二十多分钟，面试官人很好，还会深入给你讲解问题的答案。晚上收到了测评。

1.强缓存协商缓存2.看代码说结果：事件循环输出顺序3.diff算法4.css提高性能的方法5.路由守卫6.项目实习7.手撕：有序链表去重，重复节点全部删除

面试时间最短的一集，二十多分钟就结束了，面试官上来就说预计半个小时时间紧任务重，问问题如果觉得你会的话会中途打断你问下一个问题，希望理解。导致我自我介绍语速都加快了。项目。前端有用到哪些数据结构js数据类型js如何获取DOM元素强缓存协商缓存强缓存如何判断是否已经到期执行上下文前端生命周期钩子函数作用cookie HttpOnly属性HTTP状态码是否用过数据库，数据库索引原理

手撕：两栏布局右边宽度固定左边自适应，爬楼梯看代码说结果，this指向八股不太记得了，总结来说问得很细，会一直深挖到你不会，也会问一些计网、计组相关的问题(比如tcp、udp之类的)，不过面试官人很好，八股说错的地方还会和你讨论一下。

一面hr面，基本就是聊天，问一些未来规划，为什么选择前端，如何学习前端，学校经历，实习和在学校学习的区别，工作中遇到的问题，如何解决之类的。二面看代码说结果，for循环中使用setTimeout，如何输出正确结果。js数组常用方法，shift功能，slice和splice区别。如何判断变量是否是数组。XMLHttpRequest发送请求步骤。canvas(没用过)。如何解决跨域。捕获ERROR时，onerror方法和window.addEventListener('error')的区别。XSS攻击和SQL注入原理，如何防范两道手撕一道是输入数字和运算符计算结果，一道是补全代码写贪吃蛇，有点懵，...

自我介绍拷打八股1.什么是盒模型？2.如何实现一个向下的三角形？3.如何实现元素的水平垂直居中？4.如何实现单行和多行文本溢出并使用省略号显示？5.节流和防抖6.回流和重绘，重绘一定会引起回流吗？7.移动端（没做过）8.rem和em的区别？9.什么是跨域？如何解决？10.js事件循环11.什么是宏任务和微任务？12.缓存，cookie、localStorage、sessionStorage区别和应用场景13.强缓存和协商缓存14.cache-control值都有哪些？15.性能优化反问