4.29美团前端一面

淘宝交易前端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，可实现等宽分配父容器空间。

部门介绍以及我的自我介绍介绍一下在小米的业务。实习中你觉得最满意的一个需求语音识别。为什么要用库虚拟滚动怎么做的？怎么减少的白屏时间？ 3. HTTP 1.0 和 HTTP 2.0有什么区别？ 1. 头部压缩 2. 多路复用 3. SSE 4. react渲染的过程是什么样的？ vdom -> reconcil -> fiber节点 -> commit -> 真实dom节点 渲染的时候能够中断吗？ 回答的可以 5. react有什么渲染机制的优化？ 说了fiber，useCalllback,useMemo 和状态管理库这些，后来反应过来面试官可能是想问diff算法和并发...

1.自我介绍2.实习介绍3.实习遇到的难点4.校内项目介绍5.http常见状态码6.http2相比http1的优势7.针对每种http协议做性能优化8.说一说浏览器缓存的etag9.react的setState如何获取最新值10.给你一个urls，串行请求并获取结果，不许用await（我嘞个孩，我专门背的await版本的）11.事件循环输出题12.三角形的最短路径和，秒了13.说一说hashMap的原理面试官是个人美心善的小姐姐，爆杀臭脸虾皮面试官。一小时后约二面。

#前端面试 #计算机 #面试题我要吹爆团子一面的面试官！！！！面试开始前想刷新一下页面结果直接进去了。看到面试官的一瞬间大脑宕机，他看出来我紧张之后就说让我先调整一下，他给我介绍部门。然后就开始对简历上的每一个项目进行提问（这里建议大家老老实实写简历，适当润色就可以了，因为他会追问到你每一个细节处理，不会就真炸了）其实这里完了之后我已经没有继续面试的勇气了，但他一直在鼓励我，情绪价值拉满，后面就是八股提问，问了很久。（好好背吧家人们，不背真的脑袋空空）最后出了算法题，最小k个数和二分查找前面实在是太紧张了绝望到只能想起来sort函数（当然肯定是不能用的），后面他让我阐述了一下思路就给我换了一个...