面经分享 |淘天前端一面

问了很多项目，好像阿里都没手撕，自我介绍环节都没，不让我开摄像头，面试官在家面试，不知道是不是kpi1.介绍一下在美团的实习经历2.美团的技术栈是什么3.这个mrn和rn的区别是什么4.mrn是独立开发的，还是在rn上封装的5.谁维护mrn6.这个是发布纯native的嘛，没有web吗？7.多端需要你们自己写兼容性吗？比如web？8.这个多工程多bundle，应该是在工程的组织架构吧，怎么是优点？9.你自己觉得，封装这种开源的框架，需要做到什么？10.你在你们组做的最困难的项目是什么？11.为什么觉得这个项目复杂？12.你在美团做过什么横向的事情嘛？比如性能优化，组内工具。13.元素居中14.为什么flex设置宽度不起效果？15.父元素的属性影响子元素的宽度吗？16.你们平时怎么写样式？17.你自己怎么写样式？18.这个module.css，webpack是如何处理的？19.你们用的单位是什么？20.px如何转rem？21.什么时候用px？22.怎么处理通信？23.props是可变的嘛？24.做数值计算，不想依赖props怎么办？25.async和await26.了解递归吗？27.如何把递归转为迭代？28.递归的时间复杂度？29.如何优化？30.你了解其他的编程语言吗？31.不同的编程语言的垃圾回收机制分别是什么样的？32.学过rust吗？有没有想尝试其他的领域？33.js什么时候内存泄露？反问：1.什么时候出结果？2.淘天特别看面评吗？

一面考手写题实现控制异步任务并发数的函数（例如最多同时执行 2 个请求）箭头函数和普通函数在  this  指向、构造函数能力、 arguments  对象等方面有哪些区别最长无重复子串代码解读题 二面项目为主实习中挑战CommonJS和ESM这两种JS模块化规范的理解Vite与Webpack 4相比，核心区别是什么Vite中，点击跳转至第二个Vue页面时，是如何让浏览器能运行Vue代码如何考虑前沿技术的学习与应用 三面纯项目

50min 先问实习url键入到页面渲染的过程tcp连接，三次握手，两次行不行。序列号为什么初始化。tls连接，为什么要建立tls连接。常见的请求的方法：post、get、put、delete；post和get的区别option预检是什么，为什么要做预检？XHR和fetch的区别重绘和重排的区别性能优化，具体的性能优化指标，常见的性能优化方式。LCP和FCP的区别？js为什么是单进程的？事件循环promise和async await底层区别？你的优势是什么？三方cookie听说过吗？（反问环节突然聊起来的）手撕：promise.all和promise.allsattle。

“Vue 中 key 的作用是什么？”我答：“帮助 diff 算法识别节点。”面试官：“那如果列表不用 key，会发生什么？”我：“可能复用错元素？”他追问：“比如输入框呢？”我突然想到那个经典 demo：打字内容错乱。但我当时没说出来，只说了句“状态混乱”。出来后我懊悔：那个例子我练过啊！你以为记住了，其实是“眼熟”。