安克创新前端OC（转后台）

👋个人背景：9本海硕👏offer1：宁德，bms系统工程师，n*15💯offer2：小鹏，后端（预研方向），n*（12+1+2）一口价🌱offer3：安克，前端，n*（12+2+2），sp 💵：宁德<小鹏<安克   

1. 自我介绍2. 项目经历3. 为什么选择前端？为什么对前端感兴趣？4. 两个项目都是Vue，为什么都是用的Vue没有用React5. 我说我开始学习vue的时候是不知道vue和react的区别的，追问那你现在知道了吗。T_T还是不知道6. 讲一下JS的事件循环7. 有了解过 requestAnimationFrame() 这个方法吗  或者 requestIdleCallback() 8. 说一下防抖和节流之间的差异9. 除了在服务器请求用到防抖和节流，还有哪些地方会用到 输入框防抖 滚动条节流10. 是不是可以在输入框失焦的时候去进行搜索？感觉不像是问题11. 怎么实现虚拟滚动的12. 虚拟滚动分成两种类型 一种是虚拟列表有固定高度，另一种是不定高度，渲染之后才能拿到高度的话，如何实现虚拟滚动？ 13. 虚拟滚动时 假设滑得很快的话这部分怎么处理14. 为什么要使用animate.css这个动画库？动画实现的方式有几种？你为什么选择这个？15. Emit加状态共享实现数据共享同步和websocket实现数据同步，这个具体是怎么实现的websocket具体实现真的没怎么看......瞎编了一个http2.0被揪着问http2.0是双向通信吗，感觉不是。。16. Websocket可以实现双向通信，如何异常情况进行做处理？比如网络波动的使用断连了，或者是如何去监听说你服务端还仍在等待的一些状态？17. 怎么保证websocket的在线连接（应该是想问我这个）18. 就例如说可能在发送服务端的时候网络波动，导致我这个请求没发出去，然后你的 ACK 可能没返回，但是我可能连接了，然后这个请求就是丢失了吗？还有没有另外一种方式说可以让这个网络抖动的一个情况，然后这个请求还能再发送到服务端？19. 持久化使用的localStorage，那么了解过indexedDB吗20. 讲一下SessionStorage和LocalStorage的差异，为什么要使用LocalStorage？21. 其他框架没有了解过吗22. 假设说你让你学习一个技术框架的话，你要怎么去学习呢？就可能就你可能进来一个公司，然后发现这些可能跟你过往的一些经验可能不是很匹配。就可能你之前都没有接触过，然后让你怎么就让你去接触一些新的一些东西？你要怎么去学23. 有用过一些AI工具吗24. 因为前面我讲到红宝书。然后你有了解过，红宝书就里面有写一些什么设计模式，就你在项目里面是会用到这些设计模式的，你可以简单举一两个例子。是设计模式代码的一个组织方式，就是一些测试模式，类似于工厂模式或者是一些结构，就工厂模式，然后有什么单例或者是什么观察者、订阅者，乱七八糟，就这些几个模式有用到吗？  md没看到这呢，这玩意。反问：* 如何回答Vue的响应式原理* 应该在面试里面有哪些改进的方向呢最早的几场面试之一，答得超级烂，慢慢总结经验

## 时长 70 分钟 北京合思招聘系统### 1.自我介绍环节### 2.做题环节（20 分钟左右）有 22 道选择（html,css,js,数据结构),一道算法题：字符串去重，我和面试官简单说了一下思路（new Set),然后他让我随便写一点交卷了### 3.项目，场景和八股环节（这个环节持续太长了，有些我实在是忘了）1.你是如何做到首屏优化的2.讲讲 CI/CD 是如何实现的3.项目中有使用过 webpack 和 vite 吗4.webpack 和 vite 有什么区别5.有没有使用过什么状态管理工具6.项目使用了什么缓存机制这里我展开讲讲。关于缓存数据，蜀黍使用了缓存头(Cache-Control)和 localStorge。项目中使用了 Promise.all 来进行并发请求，同时从服务器和本地缓存请求数据7.怎么获取的缓存数据localStorge，状态码 3048.缓存的过期时间9.NextJS 中如何设置代码在客户端运行10.NextJS 如何设置服务端运行（好像是这个问法)11.useEffect 中如何进行数据请求（丝滑切换至场景题）12.如果不同 useEffect 中相互依赖过多怎么办（反问面试官，竟然是退化至使用类式组件）13.如果我想让我的 useRef 使用外部的 props 应该怎么办（forwardRef）14.当我的父组件将一个可能会经常变化的 props 传递给子组件时，应该怎么办（useMemo）15.我想全局管理 props,并且防止出现 props drill 的问题，应该怎么办（useContext）16.我想使用 useRef 来实现一个可以返回窗口顶部的功能，应该怎么实现，使用哪些 API17.我想将一个二维数组转换为一维数组怎么办18.如果我的二维数组中不完全都是数组怎么办（instanceof、Array.isArray）19.实现 add(1)(2) === 3 （函数柯里化）20.如何实现 string 和 number 之间的相互转换21.如何改变 this 的指向22.你有没有用过什么 ES6 的新特性23.Promise 打印顺序```javascriptconst promise = new Promise((resolve, reject) => {  console.log(1)  resolve()  console.log(2)})promise.then(() => {  console.log(3)})console.log(4)```24.有没有使用过 typeof25.flex 布局中如何实现水平垂直居中26.如何消除 float 带来的影响27.给定一个完整的 URL，如何获取其查询参数28.React 19 和 React 18 有什么区别29.项目中是否有采用什么对静态资源的优化可能还有，但是暂时想不起来了## 时长 15 分钟 洋葱学园1.对于一个列表，我们通常会给其添加一个 key,可以不添加吗，如果不添加是否有什么问题？2.对于一个 H5 页面加载过慢，如何优化3.将 URL 输入搜索栏，浏览器会做什么4.如何实现进入视窗才进行懒加载5.如何在一个 JS 文件中白屏时返回 Loading 组件（我直接说了 React 和 NextJS 中如何实现哈哈）6.移动端适配7.如何处理重复的请求（本人说了 axios cancelToken、防抖和节流解决这个问题）我确实记得应该还有，但是想不起来（

最近我的群友和牛客上越来越多人都开始在找实习了，所以我在这里写一写关于我找实习的一点点小经验，主要注意投递策略和打招呼还有简历问题一.在什么地方投递？我刚刚开始投的时候尝试过很多软件，最后发现一般只有:soob，实习生，内推，官网投这几个地方比较靠谱，其他的软件投了几乎没有回应二.投递策略(以bos为例)1.简历干净利落不要花里胡哨(建议白纸黑字的就挺好)2.在早上十点左右投递完200份，不影响下午的学习状态3.只投递当天回复频率较高的，其余情况不要浪费时间，同时注意打招呼的内容应该要强调自己的技能和背景，注意不要废话，有些hr不回复可能是他没充钱，你可以在打招呼最后面加一个电话号码(我的打招呼内容在下面图贴出来了，可以参考一下)4.大二的同学不要太急，投递稍微正常的公司，不要为了实习实习，不然不如沉淀冲中大厂三.沉淀vs现在实习这是好多人都不明白的地方，其实两个策略取决于你的背景和你的实力，中大厂和小厂其实考察内容区别挺大，几乎是不同的学习内容和策略，我个人的看法是如果你背景不好我倾向于先小厂实习骑驴找马，如果你背景较好容易约面那我更加建议你沉淀好大三直接冲中大厂日常实习，每个人情况不同策略当然不同，只不过确定的是背景不好的同学确确实实得付出更多时间精力和努力最后助群友助大家早日找到实习，加油！