虾皮前端一面

虾皮前端一面总结一、八股文考察1. 箭头函数◦ 核心问题：需明确箭头函数特性（无this、arguments、prototype，不能用new）。◦ 未答关键点：◦ this继承自外层词法作用域，非构造函数因无prototype且new时无法绑定this。◦ new过程需创建实例、绑定this、返回实例，箭头函数无[[Construct]]内部方法。2. 性能优化◦ 问题：不熟悉相关知识，需补充学习（如防抖节流、SSR、CDN、懒加载等）。3. 浏览器内存与缓存◦ Local/Session Storage：数据存储于磁盘，读取时从内存缓存或磁盘获取（取决于是否常驻内存）。◦ 协商缓存：◦ max-age=0与no-cache区别：前者强制验证缓存，后者需服务器确认。◦ ETag与Last-Modified并存：前者更精准（文件内容变化），后者依赖时间戳（可能误判）。4. React Hook◦ 问题：对useMemo、useCallback、memo使用场景模糊。◦ 改进点：结合项目举例（如子组件高频渲染时用memo缓存，避免函数重复创建导致的重渲染）。二、代码题• 动态规划背包问题：用最少砝码数量组合目标重量，需明确状态转移方程（如dp[i] = min(dp[i], dp[i - w] + 1)）。三、面试官交流1. AI看法：强调合理利用AI辅助解决复杂问题，提升效率。2. 性能优化建议：结合具体场景（如电商首屏优化、可视化图表性能），参考谷歌Lighthouse、Web Vitals等工具。四、改进方向1. 基础巩固：深入理解箭头函数原理、浏览器存储机制、HTTP缓存策略。2. 性能专题：系统学习优化手段，结合实际项目案例分析。3. React实践：梳理Hook使用场景，通过项目练习巩固（如列表渲染优化）。4. 算法训练：强化动态规划题型，掌握背包问题变种解法。

研究方向用过flask，和spring相比有什么区别？那个方便？写过前端那些代码吗？用过什么前端开发工具吗？用的是idea还是vs？有没有使用过AI编程插件(说可以去学习一下)会不会大模型数据库的锁的话了解过没有？如说在这种并发写的场景下，我们用数据库的话需要注意哪些点呢？对，用锁可以，但是锁它的相当于它的实现方式也有多种，你了解哪一些啊？比如说用数据和锁的话？ Redis 锁你了解过吗？消息队列用到过不？线程池用过吗？消息队列在什么场景下使用？那比如说做到这个异步，如果说我假设我们不用那个消息队列的话，你觉得还有什么实现方式啊？数据结构这门课你有没有学过？现在就是说假如我现在有一个单向链表，...

📍面试公司：字节抖音💻面试岗位：前端暑期❓面试问题：项目难点进程线程的区别浏览器是一个进程吗用户态状态转移计网七层模型TCP和UDP区别TCP为什么能实现稳定链接事件委托 怎么设计的 为什么这么设计 怎么实现的css权重 优先级怎么实现居中flex常用的属性行内元素块级元素有哪些区别有什么数组和链表的区别箭头函数区别this指向 怎么改变作用域有哪些为什么会有暂时性死区创建对象的过程是什么怎么判断一个对象是new的还是创建出来的性能优化做过哪些分包怎么处理怎么确定哪些要分 哪些不分 怎么确保分的正确性事件循环题数组扁平化树反序列化基本数据类型判断数据类型浏览器安全https安全TCP三次握手 四次挥手为什么要三次和四次Vue-Router的底层 怎么实现的他怎么知道匹配url渲染哪个页面的最近在学什么新技术 学习途径有哪些🙌面试感想：八股盛宴 面试官注重基础  

作用域有哪些了解 + 代码输出var let const 有什么区别作用域链闭包是什么浏览器的垃圾回收机制（两种），为什么引用计数法js现在不使用了，如何解决闭包中的内存泄漏问题普通函数与箭头函数的区别Promise 有哪些了解，promise.all promise.allsettled 有什么区别手写Promise.allpromise 的三种状态，是否可逆浏览器的事件循环机制如何理解的，事件循环代码输出0.2 + 0.1 == 0.3 吗 ，为什么不等于 ，那么0.25+0.75 为什么等于1，如果处理这种精度问题。flex 用过吗，flex : 1 代表什么，flex-grow:1, ...