10月27 安克创新前端

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

没想到前几天写个国企校招非编程岗位火了，一堆人来私信，所以这里我还是详细讲一讲其他  如果会网络、Linux、数据库那就更好了，1.软件测试 这个是很轻松的，但是确实是很枯燥的工作。校招想找，先学测试理论基础，包括测试流程、软件开发流程、测试用例编写、测试文档里都有什么之类的学会，然后学功能测试，接口测试。数据库 。数据开发对数据库的要求就要拔高一层了。你就会写where order by limit已经不能满足了，有更先进的工具，那就是hive。，面试基本都会让你手撕SQL题，这个答不上来基本就OVER了。3.产品经理 这行学的东西很复杂，基本的理论包括产品迭代周期和方法论，数据分析，画原型...

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、防抖和节流解决这个问题）我确实记得应该还有，但是想不起来（