金山办公前端

面试官人真好，真的感觉面试官对面试体验的影响好大1.webpack和vite区别，啥场景使用什么2.打包工具咋做代码体积、按需引入的优化?代码里怎么写3.react.lazy底层是怎么实现的，什么原理配合suspense使用的原理是什么?4.动态导入的话，编译后的代码是啥样的?5.script动态加载，defer async都是千啥6.preload prefetch属性有了解吗7.性能优化指标8.useMemo, useCallback React.memox别与联系9.父子组件什么场景用到性能优化方式?10.usehook usestate每次执行，怎么记录之前的状态的?11.fiber的作用，怎么实现空闲时候调度的12.怎么实现多页面通信?13.MessageChanel和BroadcastChannel

1: 实习项目介绍2: 手写节流的完整版，这位同学会简单版，凭着记忆去实现了一下，面试官比较满意，面试官应该是自己也用ai生成的测试代码没跑通。3: vue和react哪个熟悉(vue)，对熟悉框架进行简单的八股内容考察。4: v-if和v-show的区别？5: 开始拷打实习项目，从架构，技术点，包括横纵向技术扩展，收益几方面细致考察。6: 流式渲染如何实现的？7: sse实现，返回的数据格式是什么？8: 除了websocket和sse还有其他方式吗？9: http2和http1区别？10: http2的服务端推送是干什么的？11: requestAnimationFrame和setInterval的区别？12: 前端如何知道页面触底了？13: 滚动触底加载导致dom元素过多卡顿如何优化？14: 除了虚拟列表还有别的方式吗？

1.问实习 2.了解react底层吗（fiber）3.为什么react的hooks不能放在条件语句中4.fiber是如何做到中断执行的（时间分片）5.从setState到页面rerender中间发生了什么6.讲一讲react的事件代理7.箭头函数与普通函数的区别8.浏览器在输入url到渲染，中间发生了什么9.页面白屏，初步判断是内存泄漏，如何进一步排查10.讲一讲浏览器的缓存11.协商缓存什么时候返回缓存12.讲一讲浏览器渲染过程中的合成阶段代码考察：1.this指向2.最长无重复子串

1. 实习介绍2.项目相关（渲染怎么优化、缓存、数据分块逻辑、echarts）3.csS垂直居中哪些实现方式4. position: absolute, relativeffixed5. css有哪些选择器，优先级，怎么比较6. css哪些属性可以继承7. CSS盒模型8. 伪类和伪元素区别9. 事件委托、应用场景10. js哪些数据类型11. 堆和栈区别12.Var、let和const区别13.js继承，手写js的寄生组合式继承14.手写。三个颜色，一个div，每三秒变一下颜色，一直循环