虾皮秋招前端笔经  2025.8.19

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给了三个答案。

1.线程和进程2.事件循环3.代码输出题4.get和post的区别5.除了get和post，还有其他方法吗，options是什么方法6.什么是跨域，解决跨域的方法，反向代理的实际场景7.cors的具体配置是怎么设置的8.缓存有哪些类型9.缓存发生的一个过程10.Sesion localstorage cookie的区别11.cookie发送的机制，怎么设置子域名可以发送12.设计模式有哪些13.手写发布订阅模式14.盒模型的内容15.怎么设置宽高是否包含pedding16.选择器的优先级17.垂直居中18.怎么添加事件监听19.冒泡阶段和捕获阶段20.原型链21.vue2和vue3的区别22....

这个八股多，但也比较细首先还是项目和实习经历es6新特性js中的类，如何实现的（其实还是构造函数和原型链，和c++的那种没一毛钱关系）react的底层实现，调度机制，diff算法，fiber机制http的几个版本三次握手详细讲讲useeffet是如何实现副作用代码的执行，在fiber节点中是怎么样的垃圾回收机制，想起来三四种都说了，延伸问到新生代和老生代里面具体的种类，这个真不会ts中interface和type的区别以上问题是我记得的，不分先后的，实际上是根据我上一次的回答问下一个问题，然后会一直追着问手撕：根节点到任意叶子结点的所有数字组合成数，然后将这些数加起来，返回。中间都唠嗑唠起来了，手撕之前面试官还问你最擅长哪种，然后我说树和单调栈，非常好面试官，使我的手撕旋转，写的时候还一直提示我🥰

自我介绍说一下get post 请求说一下请求携带哪些内容？具体有哪些字段？cors问题？具体会有哪些字段？深挖到不会。webpack devServer 如何做跨域？生产环境如何做？怎么写一个node服务？如何实现块的水平垂直居中？深挖细节：flex布局每个属性，每个属性的含义。设置为flex：1，不设置flex属性分别是什么意思？width和flex-basis的优先级是怎么样的?深挖：scrpit 标签。defer async pre-load pre-fetch 的区别？预检请求有哪些？深挖。js的原型链？听说过csrf吗？如何预防csrf？cookie的具体字段？如何使用让用户服务不...