用友提前批前端 8.2一面

聊项目 30min常规八股代码题：js事件循环this指向list列表转为树

博主有一天向ai问了一个神金的问题：是谁先发现代码需要打包的？^^ 博主没有经过知识污染的大脑就是这样的干净。作为学生，在自己做项目练手的时候，从来都是在开发环境下，很少有接触到生产环境。打包/构建/工程化/模块化/...，这种概念从来没有出现在博主的脑子里。然而八股文要考，于是博主只能硬着头皮理解了。所以这是一个博主在阅读了部分八股文，拷打ai，加上个人理解之后的一篇关于前端工程化的自用总结文章。一、模块化——代码组织的基本法关于前端工程化，我想从模块化讲起。1.1 早期方案早期前端项目规模小，代码直接通过<script>标签引入浏览器。 <!-- 传统的开发方式 --&g...

面试官：迟到一两分钟还好，后来说明疑似是之前的面试官没空所以找他了。这个面试官很好，会打招呼会笑，感觉精神状态满分！时间：2025/8/22 17：00自我介绍、项目讲解、还说我自己的研究、竞赛的情况，更多是自述自己干了什么。手撕一道：Cache实现set和get方法。LRU最近最少使用，缓存淘汰算法。实现一个类cache，里面有两个方法，分别是set（存储数据），get（获取数据）。数据以键值对存储，当get访问过之后，数据排列在后面。Set如果满了，把最久没用的shift出去，并且存入新值。

1. 自我介绍2. 实习项目介绍3. 手撕Promise缓存 大致是有一个函数 fn：调用时会打印 '执行中'，返回一个 Promise，resolve 值为 123；你会 Promise.all([fn(), fn(), ..., fn()]) 这样调用它 10 次；只打印一次 执行中，要封装一个函数包装这个函数，能够在并发调用的时候从缓存读取。4. 地区数据模糊匹配给了一个树状地区数组，和关键字，要匹配出所有地区路径。类似于以下格式const regions = [{name: '北京市',children: [{ name: '朝阳区' },{ name: '海淀区' },],},{name: '广东省',children: [{name: '深圳市',children: [{ name: '南山区' },{ name: '福田区' },],},{name: '广州市',children: [{ name: '天河区' },{ name: '越秀区' },],},],},];输入 '田'，要匹配出广东省深圳市福田区5. 反问0八股，感觉面试官有点冷冷的，第二天暂不匹配