得物前端一面(30min左右)

30min 八股+项目 无手撕1.如何实现文件预览2.调用第三方库怎么实现的3.地址栏输入 URL 敲下回车后发生了什么4.浏览器一帧可以完成哪些操作5.浏览器一帧有多久，说了60FPS问转换成时间是多久6.浏览器缓存策略7.ETag是如何计算得到的8.vue是如何进行依赖收集的9.Vue3使用proxy会监听到子孙对象嘛10.学习中遇到过什么困难问题怎么解决的11.遇到过什么困难问题通过另辟蹊径的方法解决的12.二维平面上有2个凸的多边形，怎么判断它们是否重叠

技术初面（1.5小时）问得很细，像商品详情页优化FCP，我答了动态加载、懒加载这些。Git冲突解决举了改样式的例子，还问了TS extends、Radio组件实现这些基础问题。 技术二面（2小时）更深入，对比Vue3和React状态管理，长列表优化我说了虚拟列表。Webpack缓存、React diff算法这些也考到了，抢购页防刷我提到了令牌和SSR。 技术终面（1小时）聊了Monorepo应用、WebGL学习计划，还有CI/CD流程。实习优化性能的经历和未来学习规划也被问到了。

1.项目介绍2.先简单自我介绍一下，然后讲讲你过去五年中，做过的你认为技术栈最复杂、挑战最大的一个前端项目。你在其中主要承担什么角色，解决了哪些关键问题?3.请深入讲解-下 React 或 Vue 的响应式原理。以 Vue 3的Proxy 或 React 的 setState 为例，讲讲它们是如何追踪状态变化并触发视图更新的。4.在跨端开发经验中，你对 Hybrid 方案和 React Native/Flutter这类原生渲染方案的理解是什么?它们各自的优势和主要适用场景是什么?5.请描述-下 JavaScript **事件循环(Event Loop)**的工作机制，microtask和macrotask有什么区别?手写代码，解释setTimeout 和 Promise 的执行顺序6.解释 React 中的 Hook 规则，为什么只能在函数组件的顶层调用?如果打破了这个规则，底层机制会受到什么影响?7.手写实现一个**柯里化(Currying)**函数，并说明它在实际业务中的应用场景。8.前端工程化中，你是如何处理模块化的?讲讲Webpack 或Vite 在打包时，如何处理 CommonJS 和 ES Module 模块的差异，以及 Tree-shaking 的原理。9.在进行移动端 Web 或 H5 开发时，你是如何处理不同机型、不同分辨率的适配问题的?请详细描述你使用的技术方案和适配策略。10.反问环节，你有什么想了解的吗?

timeline:一面 8.30 二面 9.2 三面 9.22 意向 10.29池子泡的比较久，期间有 hr 打电话问期望薪资