虾皮hr面

这才是前端开发上岸的面试题，每一个考点的详细题型都整理下来了，答案详解也都整理了，包详细的。篇幅原因先展示一部分题目。其他面试题及答案，需要的都可以来拿，真心希望能够帮助到大家！

1. 自我介绍2. 为什么参与开源项目（vtable）3. git使用情况4. git merge和git rebase区别5. 拷打项目6. 为什么做性能优化，怎么判断的性能优化，收益是什么7. 收益是怎么量化的8. 怎么优化反映全部用户的性能9. lighthouse关注哪些指标10. 这个指标包含接口请求吗11. 优化的性能具体源自于哪一部分12. 性能数值绝对值变化是多少13. 网络传输占比大还是前后端请求？14. 前端页面实际上是有缓存的，怎么对二次打开此页面的用户进行性能优化15. 平常怎么学习，看哪些前端文章16. 为什么有时候height：50%不生效（前端文章提及）17. 手...

虾皮前端一面总结一、八股文考察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. 算法训练：强化动态规划题型，掌握背包问题变种解法。

虾皮高频考点大概就是工程化、异步编程、定时器计数器、浏览器安全这些自我介绍前端学习了什么知识？基础三件套，vue，工程化工程化学了什么，项目有什么功能？你觉得前端解决了什么问题？vite有什么技术特点，为什么更快，怎么做到按需更新？学习前端通过什么途径学习Vue3有什么技术点你觉得比较好（答了组合式API）Vue3能不能监听到数组内的变化CSS三栏布局如何实现？答了flex问哪些浏览器不支持 如何添加间隔说一下你对JS原型链的理解原型链有哪些应用场景？ 答了数据类型判断和类继承JS异步编程的理解 （先答了为什么要有异步，后面答到事件循环去了。。。感觉应该是答异步编程的进化史：回调，promis...