虾皮前端实习一面

虾皮前端一面总结

一、八股文考察

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. 算法训练：强化动态规划题型，掌握背包问题变种解法。