猿辅导前端面经

虚拟滚动是怎么实现的？项目里有啥让你印象深刻的地方？聊聊 CDN 加速、Webpack 分包和代码拆分？为啥压缩图片能加快首页加载？聊聊你对 Vue 3 的理解？箭头函数和普通函数的 this 有啥区别？合并数组有几种方法？怎么重复一个字符串？call、bind、apply 有啥区别？v-if 和 v-show 有啥区别？v-for 里的 key 有啥用？算法题：找出一个字符串数组里出现次数最多的字符串。聊聊跨域？

1.前端页面由哪三部分组成，作用是什么2.事件委托3.前端优化方法4.v-if和v-show区别5.数组的pop、push、shift、unshift、split、join作用分别是什么6.vue2和vue3响应式区别7.如何实现宽高固定div垂直水平居中、宽高不固定又如何实现

1. 聊聊项目，碰到过啥难点？2. 浏览器是怎么渲染页面的？整个过程是啥样的？3. 重排和重绘是啥？分别在什么时候会触发？4. 为啥 `transform` 不会导致重排？5. 什么是强制重排和强制重绘？6. 聊聊事件循环和 `requestAnimationFrame`？`raf` 在浏览器渲染的哪个阶段执行？7. 讲讲 HTTP 协议？HTTP/2 有啥特点？多路复用有啥用？8. 听说过雪碧图吗？为啥现在不怎么用了？假如带宽无限，TCP 连接也无限，那多路复用还有必要吗？9. Vue 和 React 有啥区别？为啥 Vue 里没有像 `useMemo` 这种缓存 Hook？10. 做搜索框...

这个八股多，但也比较细首先还是项目和实习经历es6新特性js中的类，如何实现的（其实还是构造函数和原型链，和c++的那种没一毛钱关系）react的底层实现，调度机制，diff算法，fiber机制http的几个版本三次握手详细讲讲useeffet是如何实现副作用代码的执行，在fiber节点中是怎么样的垃圾回收机制，想起来三四种都说了，延伸问到新生代和老生代里面具体的种类，这个真不会ts中interface和type的区别以上问题是我记得的，不分先后的，实际上是根据我上一次的回答问下一个问题，然后会一直追着问手撕：根节点到任意叶子结点的所有数字组合成数，然后将这些数加起来，返回。中间都唠嗑唠起来了，手撕之前面试官还问你最擅长哪种，然后我说树和单调栈，非常好面试官，使我的手撕旋转，写的时候还一直提示我🥰