同程旅行前端一面

之前一面完第二天发了测评，我看网上有佬二面之后也发了测评，没收到是不是就寄了

1.挑一个项目介绍一下 2.请解释浏览器的渲染过程，包括从接收 HTML 到页面显示的关键步骤，以及百度搜索结果页如何优化首屏渲染速度? 3.JavaScript 中的原型与原型链是什么?如何通过原型实现继承?举例说明原型链的查找机制。 4.什么是跨域?百度地图 API在前端调用时如何解决跨域问题?常见的跨域解决方案有哪些? 5.React 中的虚拟 DOM 是什么?它与真实 DOM 相比有哪些优势?虚拟 DOM 的 Diff 算法核心逻辑是什么? 6.CSS 选择器的优先级如何计算?百度首页导航栏样式(如hover 效果)若被其他样式覆盖，如何排查并解决? 7.如何实现一个防抖(deboun...

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

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.反问环节，你有什么想了解的吗?