投了某大型国企的前端开发岗，流程却是比互联网长，而且笔试题更偏基础和算法 没问太多前端框架细节。国企节奏确实慢，但是一旦录取就不会违约，还是很安心的。

1. 事件循环相关代码输出分析（具体可以前往我的博客查看）2. 如何判断元素是否在视口3. 浏览器工具中的 ‘Performance’（性能）有什么用4. 如何提升首屏加载速度5. Vue中的 nextTick 有什么用6. 如何实现缓存7. 项目相关8. 从零设计一个组件，比如说弹窗组件，会考虑什么？如果需要自定义样式，可以怎么做？9. 项目中为什么要同时用Vite + Webpack10. 函数式编程，面向对象编程和过程式编程之间的区别是什么11. 手撕：拍平数组并且去重和排序，括号匹配12. 如何学习新的技术栈，印象深刻的学习经历

1.图文上传流程2.如何解决图片上传的负载3.不同文件预览的挑战4.讲一下自定义hook5.讲一下Vue2 和vue3 的差异6.vue3解决了vue2的什么问题7.react对比vue的差异8.了解性能优化，在网络层面讲一下优化9.301 和 302区别10.浏览器缓存的策略11.具体是怎么触发缓存12.css的动画中，给一个元素写一个动画，又给它绑定了js点击事件，会生效吗13.反过来，js的代码会不会影响css14.盒子模型，width:100 padding:100 宽度是多少手撕：对于一个数组（长度>=3）进行乱序排序，要求每个元素不会落到原来位置，且落到其他位置的概率相同：function derangementShuffle(arr) {const n = arr.length;// 复制数组，防止修改原数组const shuffledArr = [...arr];// 1. 使用 Fisher-Yates 洗牌算法进行初步打乱for (let i = n - 1; i > 0; i--) {const j = Math.floor(Math.random() * (i + 1));[shuffledArr[i], shuffledArr[j]] = [shuffledArr[j], shuffledArr[i]];}// 2. 检查并纠正还在原位的元素for (let i = 0; i < n; i++) {// 如果当前元素还在原位，需要进行交换if (shuffledArr[i] === arr[i]) {let j = (i + 1) % n; // 从下一个位置开始找// 找到一个可以交换的元素while (shuffledArr[j] === arr[j] && j !== i) {j = (j + 1) % n;}// 进行交换[shuffledArr[i], shuffledArr[j]] = [shuffledArr[j], shuffledArr[i]];}}return shuffledArr;}// 示例const originalArr = [1, 2, 3, 4, 5];const derangedArr = derangementShuffle(originalArr);追问：这段代码的时间复杂度是多少反问：1.业务2.几面

浏览器的缓存机制就是将一家在过的资源（如 HTML、CSS、JS、图片、字体等）临时存储在本地设备中，当再次访问同一页面时，优先从本地读取资源，而非重新从服务器下载。缓存机制可以提升加载速度，减少流量消耗。一、缓存的位置：内存、硬盘、Service Worker、Push Cache 浏览器缓存优先级从高到低依次为：Memory Cache（内存缓存）Disk Cache（硬盘缓存）Service Worker Cache（服务工作线程缓存）Push Cache（推送缓存）。缓存类型存储位置读取速度存储时长特点内存缓存浏览器内存最快短暂（关闭标签页即清空）容量小，优先存储 “临时高频资源”，（...