本人碰到的问底层原理,源码和性能优化最多的一次面试 基本全程都在问(以下是大概回忆的一些问的东西,应该还有遗漏的地方,除去手写题面试时间大概接近1小时)1.diff算法的源码中是怎么做的2.ssr 性能优化相关3.前端性能指标LCP 这个最大的内容底层是用什么算法计算的4.LCP FMP FCP 为什么选择FCP作为衡量指标而不是其他指标5.虚拟列表 item固定高度和不固定高度是怎么做的6.tree shaking底层是怎么做的7.前端和客户端交互 底层是怎么实现的8.图片压缩算法 介绍一下9.webp后缀的图片所用的压缩算法10.性能优化手段 极端一点的优化手段11.vue3相比vue2源码在diff算法层面上的优化12.组件通信 生命周期13.手写题 只给了一个数组 将其用原生js以树形折叠菜单形式展示在页面上 大概思路就是1.数组转成树形结构数组 2.通过树形结构数组渲染dom并且给第一层以后的结构的dom前面动态添加margin-left,具体值需动态控制14.反问评价 面试结果得下去和同事商议一下 建议:有些底层还需深入了解这样有利于以后决策的时候考虑更全面(面完1个多小时 看到官网状态变复试了)