X Transfer前端开发工程师二面

家人们谁懂啊！前端面试被问重排重绘，明明背过却答得磕磕绊绊😭 而且工作中不小心写多了重排代码，页面直接卡成PPT…今天就用最通俗的话，把重排、重绘讲明白，再附上避坑技巧，不管是面试还是实际开发都能用得上，建议收藏备用✅  先搞懂前提：浏览器渲染页面的完整流程（简单记这5步，不用死记硬背) 构建DOM树 → 构建CSSOM → 构建渲染树 → 布局渲染树 → 绘制渲染树 简单说：布局阶段算好每个元素的大小、位置（给元素定坐标），绘制阶段再把元素画到屏幕上。重排和重绘，就是这两个阶段出了“重复工作”！  一、重排（回流）：最费性能的“大动作”⚠️ 一句话总结：元素的“身材”“位置”变了，浏览器得...

1-问项目经历，我的是ai对话，问我如何实现流式布局，后面我提到sse，问我简历上写着onmessage不是websocket的吗，然后我就开始解释我的onmessage是如何实现的，面试官还看了项目的github代码，说和我讲的有出入（因为简历包装了一下。。。），又问后端怎么实现的，我提到ai辅助，问我没ai能不能开发出这个2-状态管理-不能只讲pinia和vuex，要讲为什么，解决了什么问题（一开始脑子自动匹配pinia和vuex就被打断了）3-路由两种模式4-路由守卫-不能只讲那三种，还是要讲为什么，解决了什么问题（依旧脑子自动匹配全局守卫、路由独享、组件守卫被打断）5-promise 和async awiat区别，平时用哪个6-打开公司做的一个表格，讲这个页面做的哪里有问题，我会怎么优化？反问：1-前端规模？十几人2-用什么技术栈？主要vue 其次nuxt3-前端岗位面临的挑战是什么？ai，现在公司都是全栈4-上下班时间、工资？早9晚6，双休，偶尔项目出问题了会加班，但是比较少出现这种情况，实习生工资3k最终oc了个人感受：首先是在这次面试学到的，背八股导致听到一个东西就匹配一个内容，不会扩展开来讲，上面的状态管理和路由守卫就是，以后面试可以按照是“是什么，为什么，解决了什么”来回答。其次面试官说话比较直，直男吧，面试过程总是不理解他想问的是什么，答不对点面试官直接说你这不对啊，给我吓不自信了，以及问前端挑战，一般面试官都会很委婉地避开“前端不行了”这个问题，这个面试官却很实诚，让我没想到。我说ai目前还是不能替代人类的，需要人来指引性能优化，有些很简单的bug ai解决半天，人工看一下就改好了。面试官说是因为我用的不是付费的模型。。。事后总结整体体验感不错，面试吓到因为鼠鼠太菜了，被戳穿就不自信了555

Vue和React哪个用的多，对React有了解吗JS数据类型有哪几种基础数据类型和引用数据类型的区别JS定义变量的方式有几种let和var有什么区别JS中作用域有几种ES6的Promise解决了什么问题Promise有哪几种状态，状态变化可逆吗箭头函数和普通函数的区别call和apply的区别平时用什么打包工具Vite中如何解决跨域问题，你知道哪些常用的配置Vite比Webpack快的原因，Vite更快的底层原理是什么使用Vue 3封装组件，如何使组件的可扩展性更好Vue中父子组件和兄弟组件如何传参Vue路由的hash和history模式区别，history模式有什么问题，怎么解决后面就是问...

总结一下两周的面试，已面美团，哔站，百度，小红书等，感觉和去年暑假面试不同的是，现在面试官基本都有往ai结合的方向提问，也比较开放，然后就是有了一段实习经历后，现在面试更多就看着实习经历和项目技术栈问，纯八股问的少，基本是聊着聊着穿插问相关的八股。最后是算法上，其实我遇到的大多是手写场景题和模块设计思路什么的，甚至小红书面试还遇到了口撕页面设计编排和智力题，就腾讯倒是一来就是两道力扣热门100。