淘天-天猫国际前端一二面

更新：淘天过了但是美团挂了 我是真的迷，淘天答的真的稀烂。。美团我觉得除了网络问题答的不是很全之外，都答了上来，手撕也不难，面试官全程也一直点头，结果反手挂了。。。————————————————————————————————————————————————————一天早晚面了两场淘天（10.00-11.00）无手撕1.自我介绍2.项目：有什么复杂的技术点？文件上传如何实现断点续传，虚拟列表的原理3.vue2和vue3实现数据双向绑定的区别4.数据双向绑定各流程发生的时机是什么5.讲一下虚拟dom和diff算法，vue3的diff算法做了什么优化6.vue中如何实现视图的强制更新，以及数据变...

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

📍面试公司：饿了么 更新后续：二面秒过第二个工作日约HR面🕐面试时间：2025.8.21💻面试岗位：前端❓面试问题：自我介绍最近的这个项目里面，你觉得哪个事情是让你感觉有成长？比如说学习到了新技术啊？新的这种开发模式啊？还是说在你的知识面以及做事方式上有所成长、有所收获的？你会怎么打断点呢？你觉得你个人的短板是在哪些方面啊？给了一张图，让写HTML和CSS给了一段输出顺序，让补全代码  目前：9.1 二面，还未开始 🙌面试感想：后面俩难死我了，我写的一般，虽然解决了，但面试官说不是最优的方法，没想到能通过

笑死，一个多月约面的还没暑期多