虾皮秋招前端笔经  2025.8.19

📍面试公司：淘天🕐面试时间：2025.8.16💻面试岗位：前端❓面试问题：选择题：略略略算法题：（只能大概说下，有保密协议不能给全哦）请通过行变换和列变换这些操作，使得矩阵的权值和最大化。 你的目标是找到一种序列使得需要修改的总代价最小，你只需要输出最小总代价即可。 包包的区间问题

面试流程 本次面试围绕技术基础、实际问题解决及代码能力展开，涉及多个知识点，具体流程如下：先是基础概念提问，接着是实际场景问题，最后是代码考察。技术知识点回顾1.HTTP相关◦状态码：重点提到了304，涉及协商缓存，但协商缓存的具体字段记忆不够清晰（协商缓存主要涉及If-Modified-Since与Last-Modified、If-None-Match与ETag这两组字段）。2.浏览器渲染◦重排与重绘的概念及区别。3.性能优化◦防抖与节流的实现及应用场景。4.实际问题解决◦问题：某网站在部分设备可运行，其他设备白屏，不通过浏览器调试窗口手段的解决思路代码考察题题目：有一个内容为下标的数组，需实现1秒打印一个数字。若直接用setTimeout，因处于宏队列，若存在大量同步代码会阻塞执行，需更优解。我的思路：提到了用Web Worker或生成器，还想到通过获取当前时间，在while循环中判断时间差是否达1秒来实现定时，但不确定是否为最优解。本次面试覆盖了前端基础、性能优化及实际问题处理等方面，暴露出对部分概念细节记忆不够扎实，以及在复杂场景下代码实现思路不够灵活的问题。后续需加强对协商缓存字段、跨设备适配方案等知识点的梳理，同时多练习异步代码的多种实现方式，提升解题能力。

📍面试公司：58同城🕐面试时间：2025.8.20💻面试岗位：前端❓面试问题：自我介绍CSS 里面的 BFC怎么解决边距重叠问题实现居中有什么方法？屏幕宽度一半，正方形怎么做？事件循环页面渲染属于什么任务？看事件循环代码写执行顺序怎样让Vue3获取到真实DOM树？Vue3的生命周期？项目里边怎么进行？怎么用 effect 的？Npm run dev执行的是什么东西？前端的首屏资源是怎么优化的呀？指令式的函数有没有开发过呀，有没有自己做过什么指令？sessionStorage干嘛的，后端怎么把token存到sessionStorage里？🙌面试感想：面试官抽象，总是打断我说话，我说我会的...

秋招的第一场面试（09-03）1. 拷打项目。2. 我现在想实现一个图片的在不同尺寸的容器里维持宽高比为2:1，我如何实现3. 以一个列表1 2 3 4  变为 4 3 2 1 为例，详细介绍一下 vue dom diff 的过程。4. vue2 与 vue3 dom diff 的区别？5. key 的作用，如果 key 为设置为 index 的会发生什么？6. 强缓存与协商缓存（对应的相应字段）7. 浏览器解析 HTML 的过程。8. dom 树与 ccsom 树是并行构建的吗？9. css 加载为什么会阻塞HTML 的解析？10. 我现在想实现五宫格布局，第一行三个，第二行两个，要求两端对齐？要求第一行中间 gap为 20px， 第二行按两端对齐11. css 布局 右面固定宽度，左边自适应，12. 追问左面区域含有不定长文本，当文本长度不换行时，右面区域自适应，当文本长度换行时，右面区域固定宽度。