腾讯CSIG(QQ浏览器)一面凉经

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.几面

1. Promise 有哪些状态 常用接口 捕获异常的几种方法2. 介绍一下事件响应机制，什么是useCapture3. 介绍一下react合成事件机制，有啥好处，事件响应顺序顺序4. symbol是啥，什么情况下会用到5. localstorage，sessionstorage，indexdDB的区别6. localstorage满了咋办，提示使用lru进行key的删除，lru有哪些接口，口述如何实现7. Cookie, session, token的区别8. flex布局属性有哪些，grid布局属性有哪些9. 手撕：对象diff，输入为两个对象，输出为一个描述diff的对象10. 算法：1...

实习和项目 讲一下SSE，两个事件一起发送前端有做处理吗？讲一下对promise的理解，没有promise用什么实现？ssr和csr的区别，有什么优势？为什么会有seo优化？ssr渲染速度有可能比csr更慢吗？ssr渲染的html是怎么变成动态的？介绍下fiber架构，为什么fiber可以中断？vdom树是链表吗？为什么用indexedDB，还有哪些存储方案？虚拟列表的实现，高度是怎么做的介绍RBAC权限管理，怎么做的组件级的权限控制权限中途变更了怎么处理做题实现一个LRUcache了解哪些排序算法？快排的原理，锚点怎么选

时间2024.9这是一面噢，回看面试记录的时候发现忘记写是哪个部门了大家就随便看看吧！（好像是csig来着？忘记了被你腾挂了又捞起来鞭尸太多次 实在是记不清）总体感受：特别特别爱问基础知识1.自我介绍2.介绍实习 * 背景，以及你做的工作的介绍（会在介绍的同时对某些细节问题进行提问） * 如果让你再进行一次这个项目，你会怎么做3.开始八股吟唱 * TCP相关 * TCP和UDP的区别 * TCP中滑动窗口的大小是由什么因素决定的？接收方的窗口大小是由什么因素控制？ * 发送方如何知道接收方窗口大小 * HTTP相关 * HTTPS如何实现的 * HTTPS在哪个环节容易遭受到攻击？中间人攻击？...