虾皮前端秋招一面

function A() {console.log("A");return <B />;}function B() {console.log("B");return <C />;}function C() {console.log("C");return null;}function D() {console.log("D");return null;}function App() {const [state, setState] = useState(0);useEffect(() => {setState((state) => state + 1);}, []);console.log("App");return (<div><A state={state} /><D /></div>);}const root = createRoot(document.getElementById("root"));root.render(<App />);这道题到底应该输出什么啊，问了三个AI给了三个答案。

一开始就感觉对我非常不感兴趣，后面半小时瘫在躺椅上问问题听我讲，第一次经历几乎全八股问，除了无聊就是无聊，tx虽然拷打但至少学到东西了面经：bfcem rem垂直居中布局如何清除浮动postion：fixedcss选择器优先级之类的盒模型和怪异盒模型js数据类型闭包优缺点和应用react的hooks性能优化前端工程化git项目问我做了啥手撕很简单，属于基础，到最后我都不知道我对了还是错了，基础还是太烂了哈哈除了计网一点没问以外，其他都像从八股网站上扣下来的，怀疑是不是还没扣到计网部分

面试官：迟到一两分钟还好，后来说明疑似是之前的面试官没空所以找他了。这个面试官很好，会打招呼会笑，感觉精神状态满分！时间：2025/8/22 17：00自我介绍、项目讲解、还说我自己的研究、竞赛的情况，更多是自述自己干了什么。手撕一道：Cache实现set和get方法。LRU最近最少使用，缓存淘汰算法。实现一个类cache，里面有两个方法，分别是set（存储数据），get（获取数据）。数据以键值对存储，当get访问过之后，数据排列在后面。Set如果满了，把最久没用的shift出去，并且存入新值。

自我介绍（介绍一下比较好的经历或者项目）。CSS的定位（position属性）有几种，分别有什么特点和应用场景？介绍一下CSS盒模型（从里到外的结构），两个盒子之间边界有什么关系？（外边距折叠）移动端适配方案有哪些？描述一下从浏览器地址栏输入URL到页面最终呈现的整个过程介绍一下JS的执行机制（事件循环）代码输出题：分析一段包含宏任务和微任务的代码，判断其输出顺序算法题：斐波那契数列求和（递归，可以用map缓存优化）算法题：短横线连接的字符串转换为驼峰形式（分割、reduce拼接）了解前端性能优化吗？有哪些手段可以缩短首屏加载时间？平时有什么爱好或特长？