26前端求指导

[自我介绍][拷打实习经历]1.如何实现表单校验（反正拷打的比较狠，问了很多问题，也不是问实习怎么做的，完全就是场景题）2.如何减少api重复调用（依旧场景题，涉及防抖，axio等）3.ai大模型如何减少大模型幻觉4.fcp指什么，如何测量5.具体讲一下fcp优化过程6.刚才讲了缓存，问了强缓存跟协议缓存的区别[vue]1.vue2跟vue3最大的区别是什么2.组合式api的优势特点3.ref跟reactive的区别4.为什么template里面响应式不用value5.vue router两种模式的区别6.用history返回什么7.输入URL之后[nodejs我说没怎么用过他说那不问了][打包工具]1.webpack和vite区别2.vite怎么兼容老浏览器（没答上来，他就没接着问）[拷打项目]1.怎么把上下文穿给大模型（反复问之后发现我不参与大模型调试，放弃继续问）2.流式传输3.反复问细节，有一个细节没答上来他说算了[手撕]删除链表倒数第K个节点[反问][最后问了实习转正情况跟秋招的进度]总结:面试官比较善于引导，美团的特点一个是喜欢问大模型，另一个就是深挖简历，一步一步往下问，伴随场景题和八股，直到问不出来为止

1.虚拟滚动的实现原理2.你项目遇到过令你印象深刻的点3.cdn加速，webpack分包代码拆分4.图片质量压缩为什么可以减少首屏加载时间5.说说你对vue3的认识6.箭头函数和this的区别7.数组合并的方法8.怎么让一个字符串重复9.call bind apply的区别10.v—if和v-show的区别11.v-for key的作用12.找出一个字符串数组最多出现的字符串13.跨域问题

淘宝交易前端1.自我介绍2.介绍实习和项目3.http和https本身有什么区别，混用有什么风险?4.跨域问题答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。简单场景可用 JSONP（仅支持 GET）。5.proxy是本地开发环境使用的，项目上线了呢？（1）后端配置 CORS（推荐）（2）服务器层代理（如 Nginx、Apache）6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？（1）Intersection Observer API 实现（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。7.scroll判断滚动方向是向上滚还是向下滚？答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。8.space-between和space-around在布局上有什么区别？答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。9.flex:1 是哪几个属性的合并？flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。

比较看重项目和实践能力，但面试中有过几次被打断的情况，感觉体验不是特别好…… 1. 为什么选择前端2. ocr组件中，抽象逻辑和配置，具体讲讲3. 项目当中有实现一些什么组件？4. 表单组件的实现5. interface和type的区别和使用场景6. 实习当中学习到的东西7. React中性能优化的策略8. 为什么Vue当中没有9. Vue3 的组合式和 React hooks的区别（setup只运行一次）10. React Query11. ts的工具类12. CSS3的新特性13. 三列布局和Promise