UI面试题分享

A面 33min一、项目与实习经历自我介绍实习相关问题七八个二、前端基础与编程能力forEach 循环中能否使用 break？如果不能，如何提前退出？在 forEach 循环中使用 await，循环是否会等待异步操作？对于大数据集（如10万条），哪种循环方式性能最优？为什么？for 循环和 map 循环有什么区别？1 + "1" - 1 的输出结果是什么？是否使用过 TypeScript？与 JavaScript 的主要区别是什么？TypeScript 有哪些面向对象的特性？三、计算机网络TCP 为什么需要三次握手？如果第三次握手的 ACK 丢失，如何补偿？具体重传机制是什么？四、手撕（只说了思路，没真写代码）在一个万级乱序整数数组中，如何高效找到中位数？如何在不使用额外存储空间的情况下，将英文句子倒序（单词顺序倒序，单词本身不倒）？在一个1到N的乱序数组中，N未知，有重复和缺失的数字，如何找出所有缺失数字？要求时间 O(n)，空间 O(1)。五、个人与岗位匹配你是什么时候开始接触前端的？为什么选择前端方向？哪些方面吸引你？你认为自己哪些特质适合前端岗位？忘记反问base和部门就跑了😅因为沉迷丝之歌一直没准备秋招，本来不打算参加携程线下面试，但是hr强烈推荐线下，线下通过率会高一些，并且优先发线下offer，剩余hc再线上，所以还是来了，只仓促背了一天半八股，基本没怎么刷题，想被狠狠挂掉督促自己学习（）秋招首战，第一次参加线下面试，因为基本没怎么准备，抱着完蛋了来都来了要吃回本的心情，很松弛地爽爽吃，轻松上阵。面试官很和善，其实很多八股都没回答上来，滑跪很快，放线上面试估计要完蛋，线下还是很善良地过了。面试流程如图1，由于牛客活动，所以B面另起一篇看首页

问的很有深度呐，二面就更注重整个项目的实现与理解了，包括一些算法，比一面的压力大了很多，最终得到的评价是比较不错的，项目都能说的清楚做了什么，怎么实现。不过才27，一些深层的不了解问题不算太大....（最后还是横向了好几天，在最后我快要接受失败时，等来了hr的电话！）反问环节面试官表示对实习生的期望是尽可能独挡一面，能快速上手业务。于是乎一激动我直接说在第一段实习时，第一天下午就开干！（面试官表示很震惊）543个日夜，取得了阶段性的胜利1. 自我介绍与项目背景简单做个介绍这几个项目经历都是在学校自己做的吗？你从什么时候开始接触相关开发的？是学的课程吗？你是一般通过什么方式学习的？2. 项目深入探讨LRU组件：你第一个项目里面，又做了一个开发的组件，这主要是解决什么问题的，怎么做的？缓存原因：为什么要对组件缓存？缓存组件类型：都有哪些组件，需要多少个？组件定义：这个组件是个什么组件？缓存选择：你为啥不直接存储数据，而是直接保存组件呢？缓存数量：你这样缓存，你会缓存多少个组件？3. 算法与数据结构LRU实现：LRU你怎么实现的？具体实现：如果让你实现一个LRU你会怎么实现？链表类型：你需要用什么链表？单向的吗？你看一下单向能解决问题吗？双向链表：为什么要用双向？时间复杂度：那这个时间复杂度会是多少？查找优化：找的话遍历是O(n)，有没有更快的办法？Map作用：Map这个Map是干啥的？4. 网络协议与通信Protobuf使用：我看你还是用Protobuf，然后是现在机制的是吧？为什么用这个？心跳包定义：这个心跳包指的什么？自实现确认：这个心跳机制是你自己实现的是吧？数据量问题：你原来的传播数据量大吗？一个心跳的话为啥数据量会大？5. 框架对比与选择React vs Vue：你学过React、也学过Vue，是吧？他们俩有啥区别？什么时候用哪个？他们的缺点是什么？状态管理：原来可能是怎么做状态管理的？（指Redux、Zustand等）全局变量对比：我用全局变量行吗？为什么一定要状态管理呢？功能需求：比方说我需要有啥功能？库选择：你为什么选Zustand这个库？还有哪些库？Redux了解：里边有Redux吗？6. 计算机基础多线程概念：多线程之前了解过吗？线程同步：有哪些常见的线程同步的技术？比方说多个线程访问同一个变量或互斥区，有哪些保持同步和互斥的手段？7. 网络安全HTTPS机制：HTTPS了解吗？它到底是一个什么样的一个工作机制？8. 算法编程编码题：有两个有序数组[1,3,5,7]和[2,3,6,8]，合并成一个有序数组[1,2,3,5,6,7,8]，重复元素只保留一个算法思路：说一下算法的思路代码实现：能不用现成的API，直接用算法去写吗？哎呀，要是多问问我实习就好了，还是一面扯太多了哈哈好怀念第一段实习呐，真的很锻炼人......希望在滴滴能一切顺利

项目拷打最深的一集，不停地被打断和否定，短短的35min带来了深深的阴影第一次在面完后产生了自己一无是处的感觉，以为自己挂定了偷偷跑去厕所哭无手撕自我介绍太长了，直接打断现在在面什么公司，xhs的优先级如何项目技术上有什么亮点和创新点，深入说说 =》 讲了简历上的两个，都觉得不够难，也没觉得不够创新深挖项目中的技术，都觉得不够深XD 甚至指出我的解决方式绕了弯路为什么微信多次分享的时候url会变你在实习中有没有主动做过什么推进你在实习中有没有做过性能优化 =》 说了一下ssr的， 觉得不算我做的，也不算性能优化什么情况下会http返回304，服务端需要在请求头上做什么配置反问：建议 =》 希望在技术深度上想多一些，遇到问题能挖到底对候选人的要求 =〉 技术过硬， 够聪明，够主动， 喜欢深挖问题结果：当天下午说过了，约hr面。特别惊讶。

1. 你在三家比较大的公司都有实习经历，为什么一直在换呢？2. 你觉得这三家公司的技术体系有什么不同吗？3. 你们的三层缓存是怎么设计的？4. 第一层缓存（Kconf）是什么？它怎么工作的？5. 这一层缓存和 DB 怎么保持一致的？6. 你们的本地缓存过期策略是怎样的？为什么设置 5 秒？7. 你们更新 Redis 是通过 MQ，对吧？那 MQ 会丢消息吗？你们怎么保证不会丢？8. 你们用的 MQ 是什么？9. RocketMQ 能保证消息一定是在 DB 成功更新之后才投递出去吗？10. 你知道 RocketMQ 的事务消息具体是怎么实现的吗？11. 来写一段代码吧：两个线程交替打印奇偶数，打印到 100。12. 有没有可能存在多余的循环或空转的问题？13. 如果线程之间没有通信，会造成什么影响？要怎么改？（比如用阻塞+唤醒机制）14. 你可以用 **`synchronized`** / **`Object.wait/notify`** 或 **`Lock`** 来改写一下吗？15. 来一个设计题：如果要存储全球的行政区划数据（国家、省、市、区/县、街道），你会怎么设计？16. 不同国家层级不一样，这算一个难点，你怎么处理？17. 你会按层级来做表设计吗？这种设计可能存在哪些问题？18. 如果层级发生变化（比如新增一个层级），你的结构怎么应对？19. 有没有暴力一点的方案？（比如 JSON 存储）20. 那以“河北省”为例，你在这种 JSON 存储里会怎么表示？21. 你的 JSON 存储方案有什么缺点？22. 树型结构除了你这种方式，还有其他表达方式吗？23. 这种树形结构会面临哪些性能问题？比如查询跨级数据的时候怎么处理？24. 有没有更好的办法？能不能结合两种方式？25. 在读多写少场景，你会怎么优化？