美团前端实习二面 1h

1.这段代码的执行顺序是什么样的?console.log('start')setTimeout(() =>{console.log('timeout');},0);Promise.resolve().then(() => { console.log('promise 1');});Promise.resolve().then(() =>{console.log('promise 2');});console.log( 'end');2.实现一个工具类型DeepReadonly，能将对象及其所有嵌套属性变为只读。3.如果写一个非嵌套的Readonly类型，将对象里面所有字段都变成只读，该如何实现?4.TypeScript声明接口如何保证类型的安全?请结合一个请求API的场景进行说明。5.使用 Lodash 根据id字段去除数组中重复的对象，实现一个函数。6.实现一个 parseQuery函数，输入一个query 字符串(例如:?name=Alice&age=20&city=Beijing)，返回一个对象{name: 'Alice', age: '20', city:'Beijing’}。如果query参数中出现重复的key，value变成数组。7. React 18 有个新特性叫做ConcurrentFeatures，有了解吗?8.如果在 React的主线程中使用了useeffect更新之后，紧接着去访问这个state，但拿到的值还是旧值，你怎么去解决这个问题?9.你使用过 React Query吗?10.如果说你要从服务端拉取分页列表，你会怎么设计React Query的querykey11.如果你是React Query的开发者或设计者，你怎么去理解queryKey的这种 API 的设计?为什么要设计这个API?12.假设有一个渲染大量数据的列表，每一项都支持复杂的拖拽排序和编辑，你怎么去优化13.你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排?14.如果在一个多人协作的项目当中，每个人的ESLint和 Prettier 习惯不太一样，怎么办15.怎么解决 ESLint的规则和Prettier的规则的桥接工作的?16.如果在一个项目中开发到一半，或者是一个人接手别人的项目，然后你开启了Ts严格模式一些老代码出现了大量的报错，作为负责落实这个严格模式的工程师你要怎么去推进这件事情?17.请用 Framer Motion来实现一个点击的按钮，点击之后放大并改变颜色的效果18.如果你在React项目当中实现了大量元素的入场过渡动画，如何避免卡顿19.如果你用FramerMotion的时候，还有没有什么其他的方法来解决大量元素入场动画的卡顿问题20.微信小程序和React Native Web应用在生命周期管理有什么差异22.看你之前在银行的项目中使用了Next.js，为什么要选择Next.js?出于什么考虑呢23.它的全量预渲染是因为你的业务需要还是其他原因

全程2小时，拷打很深，自己准备不是很充分，面试体验还是不错的，给了很多对我简历和学习路线的建议，很受用-项目经历1、问了项目经历，一些指标和性能监控2、项目里websocket和轮询怎么使用的？3、项目里的性能优化怎么做的，lazy load和具体渲染时间等指标？-八股1、浏览器渲染流程？2、重排跟重绘的区别，哪个性能比较好？3、浏览器缓存？4、前端有哪些本地存储方式？5、跨域问题怎么解决的？6、CSS的模块化？怎么保证样式不冲突？7、组件间通信方式？8、Vue2和Vue3的区别？9、虚拟DOM对性能的影响？-手撕1、看一段赋值的代码输出2、hot100大数相加

一面 1.自我介绍。2.实习内容介绍？3.实习内容拷打？4.讲下开发了babel插件是解决什么问题？怎么开发的？5.从浏览器的地址输入一个URL到页面显示的过程？6.浏览器从本地那些地方都是在那些缓存是存在哪里的，这些知道吗？浏览器自己的缓存和系统本地的缓存是在哪里？7.DNS的两种解析方式有哪两种？它们之间有什么区别？或者说他们的链路是什么样？8.在发请求之前，我们会经过哪些比较重要的步骤？如果它是HTTPS的，还有其他的吗？9.说下TCP的三次握手？10.你说的那个ACK那个值是多少呢？为什么是三次握手，而不是两次或者四次呢？11.说下浏览器的缓存？12.Cache Control，除了max-age，还有一些其他的值吗？13.上面no cache或者说no store这些有见过吗？last-modify还有一个什么？这两个有什么区别吗？14.TCP和UDP的区别？15.为什么TCP它是可靠的呢？16.有办法把UDP变成可靠的吗？17.有了解过负载均衡吗？这个负载均衡大概是干什么的？18.说下http的响应状态码？还有它的一些响应头？19.3xx的响应状态码还有哪些？20.一个http的响应包括哪些部分？21.浏览器拿到响应后就去做解析了，解析它是怎么解析的？22.我们用了一个叫transform的属性，然后把他们的transforma：translation的Z改变成了不为零的值。然后这个时候他们会有一个什么样变化吗？23.这个不在现在浏览器绘制，它在浏览器渲染的时候，他们会有什么区别吗？就是说我们一个浏览器上面，它应该只有一个页面，一个图层。然后用了这个transform之后，我们就可能有两个图层，是不是？然后他们就会有一个合成的，就是两个图层合成一个图层的那种操作?24.有哪些操作会导致重排呢？为什么去读取元素的宽高会导致重排？25.说下js中事件循环的过程？26.渲染是在那一步完成的？27.常见的微任务和宏任务有哪些？28.requsetAnimationFrame是宏任务还是微任务？29.说下Promise.all是什么？30.手写Promise.all。30.eventbus是什么？31.算法：找到比相邻两个数大的数的对应的下标。（推荐使用二分）32.说下什么是二分查找？反问

✅投递：内推链接一键投递，欢迎联系：https://careers.aliyun.com/campus/qrcode/home?code=zur3rFlvZDZFVvuDycNhQmsHcFMDrXzWfL2ja6ebV9Q%3D阿里云基础研发一面挂经上周面的，那边说经历很匹配光速约面（4号晚上投 约5号晚上面，等到9号给挂了）－项目实习项目，具体做了什么－八股详细介绍下，Linux下，进程根据相对文件路径如何找到文件，打开，硬盘寻址，加载到内存，存储到其他地方的过程（答的不好，凭自己不多的os知识胡诌了些）－手撕最长无重复子串，没啥好说的最近这几家都喜欢让人拿go写题，咱就是说go写力扣题是...