26秋招美团前端二面面经

项目+八股+手撕1.讲一下RAG2.RAG分片的方法是什么3.react用过哪些hooks，讲一下原理4.react的组件还有其他发生渲染地场景吗5.useeffect设置一个和之前一样的值也会渲染吗6.useeffect设置为空数组呢7.ueeffect和uselayouteffect有什么区别8.如何避免引用类型导致的无效渲染？9.react组件更新的时机有哪些10.讲一下前端打包工具和工程化11.webpack原理12.为什么import一个东西只打包一个东西13.讲一下ant design的动态导入14.讲一下流式对话的输出是怎么实现的手撕：1.实现一个useeffect一样功能的hooks，但是第一次不执行副作用2.给一个[{tag:1,name:'alice'},{tag:'str',name:'bob'},{tag:'哈哈',name:'jack'}]的数据实现一个函数返回[1,'str','哈哈']反问：1.业务2.前端学习方向

首先我想说，这是我面试这么久以来体验最好的一次，面试官人非常温和，对于不会的知识点会给你补充齐全，在此基础上再延伸问题。对于一些不会的知识点不会直接到下一个，会简单给你解答完再下一次，考察的知识点也很全面，手撕一个没写出来……本来以为要挂了，但还是约了三面😇😇😇时长大概80min1.如何学习前端2.JS和CSS的一些新特性3.如何实现一个高精度的定时器4.使用web worker的话，传递回主线程会被主线程正在进行的任务阻塞吗？5.absolute的定位是基于谁，fixed的定位是基于什么？6.z-index的作用范围？7.tcp和udp的区别和使用场景8.同源策略，跨域和跨站9.浏览器...

美团一面，核心本地商业1.对AI新技术的了解2.RAG和MCP的作用3.MCP和其他后端接口的区别4.实习相关5.实现复杂需求的时候的数据结构是如何敲定的6.try catch可以捕获promise的报错吗？7.useState和useRef之间的区别8.实现一个ctrl+f搜索的功能，如何实现？9.如何提高页面加载速度10.this指向如何判断？11.手撕：最小k个数

1. 原理apply()作用：apply 用于调用一个函数，并指定函数内部的 this 值以及传入的参数（参数必须是数组或者类数组对象）。语法：func.apply(thisArg, [argsArray])thisArg：函数内的 this 指向的对象argsArray：一个数组或类数组对象，包含传递给函数的参数。特点：apply 立即执行函数。参数传递的方式是数组或类数组。call()作用：call 和 apply 很相似，也用于改变函数内部的 this，但是参数传递的方式不同。call 接收的参数是逐个传递的，而不是数组。语法：func.call(thisArg, arg1, arg2,...