美团 26 校招金融服务平台前端

1. 什么是盒模型 解释一下box-sizing属性2. 如何实现水平居中3. 解释== 和 ===的区别，[0] == [0]和[0] === [0]的输出分别是？4. 项目拷打：monorepo相较于multirepo的好处，monorepo各种解决方案的区别，为啥不用npm workspace5. 项目拷打：SSR和CSR的优缺点，resumable ssr是什么。首屏加载哪个快，能够交互哪个快。SSR有哪些不太好处理的问题。线上运维SSR渲染的页面出现了数据问题怎么排查，如何查看node端的log6. 简历拷打：用户登录实现方方案cookie, session, token的区别7. ...

📍面试公司：小红书🕐面试时间：9.5💻面试岗位：前端❓面试问题：全程没有问八股，只有项目拷打面试官就刚开始开了摄像头，后面都关着，然后问我的问题也很宽泛，直接拷打了我的项目，觉得哪个项目有亮点，全让我自己说...因为我简历有写到二次封装 antd，问了我对 antd 熟悉不，问了我 antd 为什么要封装 table 和 form 这样的组件然后我有讲到技术栈 nextjs，问了我 nextjs 与 antdpro 的区别（实际我没用过 antdpro，只说了 ssr 和 app router...），然后又问了我nextjs ssr 原理，我只讲了怎么使用...最后让我反问，我说团队招什么样的人才，面试官说聪明、有技术、能搞科研🙌面试感想：明显的 kpi 面吧...以为问问八股怎么也能面 40 多分钟，没想到 20 分钟就结束了😭

手撕：中等算法和实际工程（实现一个令牌认证类，涉及到promise等等） 1.react和vue，数据变化如何通知dom变化；（这里有一个专业名词，但我没听清楚是啥，总之大概就是问这么个事2.react query的缓存和重试机制如何实现；3.树形结构的序列化和反序列化；（这个是看我项目有用到树形结构，可能以为后端传树状数据的时候也是字符串形式4.ui渲染和配置的抽象（有没有涉及到mixin等等）；5.webpack和vite之间的区别；6.ui的设计怎么实现的（参考了其他的网站吗）；7.tailwind如何使用的；7.怎么学习新技术；8.什么情况下用agent coding，什么情况自己写？...

1.浏览器输入url之后浏览器的渲染过程？2.渲染过程中，浏览器有哪些线程？3.js线程和GUI渲染线程是互斥的还是同时运行？4.js加载是同步的还是异步的？有无办法让其异步加载？5.配置DNS预解析的是哪个属性？6.介绍一下CORS，它是后端是怎么能支持前端的跨域，原理是什么，会产生一个预检请求，这个预检请求是什么时候产生的？app.use(cors({ origin: 'https://www.fe.com', // 允许的前端域名（不可用 * 若带 Cookie）}));7.js文件应该配置强缓存还是协商缓存，html应该配置强缓存还是协商缓存，为什么？8.状态码301 302 304分别代表什么？9.浏览器什么时候会发生回流，什么时候发生重绘？10.React有哪些Hooks函数？分别用来解决什么？11. useState为什么要放在当前组件的顶级，放在if else后面可以吗？12.nextjs的版本？App Router和Pages Router的区别？13.介绍一下react里面常用的组件通信方式？14.nextjs中拿到数据之后是如何传递给client组件的呢？15.react远古父组件通信应该怎么做？16.Taro里面常用的组件库17.Ant design能默认在nextjs里面跑起来么，应该加什么配置，如何配置antdesign18.为什么登录是使用token和localstorage而不是使用cookie，两种方案应该在什么场景使用