面试官前天加了微信，现在又变成面试中，有没有类似情况的uuupdate:重新变为等待面试结果后两天已意向

1. Vue.nexttick底层原理了解吗2. computed和watch的用法，computed里面用了异步操作会怎样，watch和computed的源码看过吗3. Vue2的diff也是双端指针吗4. 我要实现一个div，不管手机横屏还是竖屏永远都是高度为宽度的二分之一5. Vite生产环境下打包的产物是什么6. Vite生产环境下也能用ES的"吗7. Vue3在chrome版本多少之前是用不了的，因为proxy 49，Vite的这个type="module"呢，chrome版本多少开始支持的8. 你这个精准还原设计稿，有多精准？如何实现？9. async/await 和 promise的区别10. const addRemote = async(a, b) => { await setTimeout(() => resolve(a + b), 0)    }    你要实现一个方法    const add(...input) = async{    } 让add(1, 2).then(res => console.log(res))输出311. 反问：有什么学习上的建议：你要去接手更大的项目，这两个项目都太小了。Vue2和Vue3的区别的时候，你的一些细节还不够深入，特别是最后的手写，还有很多方法

全八股，无手写1. React和Vue的区别2. Vue2用得多还是Vue3用得多（我说Vue3，但感觉面试官更注重Vue2）3. Vue如何实现双向绑定4. Object.defineProperty什么时候触发get，什么时候触发set（增删改查每个阶段对应get或者set）5. Composition API和Options API区别6. 为什么要用hooks，用类组件不好吗？Options API不好吗，后面为啥又有了Composition API？（讲了hooks和类组件的区别，面试官不满意）7. 一个自定义hooks，一个lodash中的方法，用起来有什么区别，本质上有什么区别，为什么要有这个自定义hook呢（说提高代码复用性，面试官说那我lodash的方法也能复用啊，说提高代码灵活性，可以自己根据不同场景定制自己的逻辑，面试官说，面试官说我自己也可以弄个库定制自己的方法啊然后发到npm上，说存放位置不同面试官说位置不同不是照样用吗，最后也没能答出来）8. Vue3中的ref获取值的时候为啥加了个.value，同样地，react的useRef()也有个.current，怎么回事（谈到基本类型和引用类型）9. 说说缓存，分别存在哪里（一开始不知道是说指的是注册表还是啥，后来说是指存在硬盘的哪里，localStorage存硬盘，sessionStorage我不确定）10. 强缓存协商缓存最主要的区别面试官中途小声说了一句“都快半小时了”，好像很着急结束的样子，估计是寄了反问业务是什么，回答说不确定，都是后面分的

1. 手撕无重复字符的最长子串2. 给一串数字，a对应1这样，但0不能对应字母，最多能生成多少abc这样的字母组成的字符串3. get和post的区别4. post什么时候发送两次TCP请求5. TCP和UDP的区别6. 说说拥塞控制，拥塞控制中的慢启动算法是不是还有相关的知识点7. TCP的可靠性几个点具体讲一下8. UDP如何变成像TCP那样的可靠连接9. 说一下jwt鉴权和oss的区别10. 讲讲HTTP3的QUIC协议11. 线程和进程的区别12. 讲讲CPU调度逻辑13. 什么时候触发重排和重绘14. 重排和重绘的关系15. offsetWidth和clientWidth的区别16. 说说事件委托17. 有哪些事件不冒泡18. 如何更改捕获阶段或者冒泡阶段19. Vue2和Vue3的区别20. 自己觉得有什么问到的，讲一下21. 寄

1. 稍微聊了下项目2. 实现eventbus（我只写了发布订阅取消订阅三个方法，面试官说我是不是还有什么漏掉了）3. 从输入url到渲染页面（背）4. 具体再说说得到资源后的渲染阶段（主要说了一些阻塞渲染相关问题）5. 只给你一个div，实现一个9乘9的黑白棋盘有什么思路（我只说了grid和table，没想到渐变属性）6. 0.1+0.2===0.3（toFixed，先乘十再除以十，还有一个Number.EPSILON确实不知道）7.  讲讲requestAnimationFrame，和canvas如何一起使用呢（开始背八股）8. canvas如何实现一个小球按正弦波移动的效果（只知道轨迹用一个正弦函数，要我讲出具体的api确实不太记得了）9. 说说你觉得前端有哪些应用方向（开放题，说了些3d的，UE这些）面完秒挂

又又复活了1. 聊项目，性能优化手段有哪些（主要说了一些图片相关的如cdn，webp，GPU加速等等）2. 使用cdn会不会有图片没来的及加载出来的情况，如何解决（猜测应该会有，但解决方法没答出来）3. HTTP和TCP的区别（一个在应用层一个在传输层等等4. TCP和UDP的区别（主要讲了TCP的可靠性，还有应用场景）5. HTTP1.1的长连接讲一下（connection: keep-alive，应用场景等）6. 讲讲多路复用（解决队头阻塞问题，分帧）7. 说说HTTP3.0多路复用的QUIC（这个忘了，好像是基于UDP啥的）8. 为什么Vue和React要有diff算法（答了最基础的DOM性能相关的，还被往深处问了，这下答不出来了）8. 实现一个并发控制（没写出来）9. leetcode300-最长递增子序列

感觉笔试还做得挺认真的，甚至那些乱七八糟的什么自我评价都写了好多还是感谢信了

一开始麦没声音重启后才弄好导致面试官多等了几分钟1. 上来先做题：给一个多层嵌套的数组，要求实现Array.prototype.getLevel()方法得到数组最深嵌套的层数（遍历元素然后记录下最大嵌套层数）2. 判断数组有哪些方法（Array.isArray()，instanceof，Object.prototype.toString.call(),constructor)3. Promise.all, allSettled, race的区别（all是有一个被拒绝了Promise立刻变为rejectd状态，allSettled则等待所有完成，race是所有promise有一个完成就可以）4. 浏览器输入url到渲染页面发生了什么？详细讲讲DNS缓存那部分，DNS缓存在哪里有？（浏览器缓存、本机缓存、hosts文件、路由器缓存、ISP、DNS递归查询）5. 说说协商缓存（我说了etag、lastmodified还有304这些）6. 渲染环节script标签讲一下（讲了一下defer和async还有没标签的情况）7. 讲讲webpack和vite（讲了一下vite开发环境启动更快的原因，ES6 Module这些）8. 打包工具相关的优化（讲了下loader和plugin）9. 看简历上写了node和golang，讲一下用这些干过啥（就搭一下基本的后端）10. 然后就是问了些项目细节，实习收获就结束了，整体时间半个小时多一点

打复活赛了1. 项目细节2. React和Vue的区别（这里我拿出精心准备的拖延时间用的八股应对）3. CSS盒模型介绍一下（怪异盒模型宽度啊啥的）4. margin边缘塌陷知道吗，有哪些解决方法（八股没背到位，这个应该是要分两种情况，一个是同级元素，解决方法有添加透明边框、添加padding等，另一个是父子元素情况，解决方法包括给父元素设置overflow：hidden还有给子元素添加一个透明的元素）5. padding-top: 50%这个50%是相对谁来说的？（我回答父元素的高度，面试官一笑，果然还是CSS八股忽视了，应该是父元素的宽度）6. call/apply/bind的区别，详细说说bind7. 手写bind（手写call和apply我写得飞起，bind一下给忘了，今天的复活赛估计是到此为止了）8. 合并有序数组（顺便问了下时间复杂度，我说O(n)，但是也许应该说O(m+n)好一点?）

1.详细地问了问项目，包括项目里数据库有几张表都看了2.力扣 224. 基本计算器，是直接共享屏幕本地写的，写了大概二十分钟没写出来，回头一看是道hard3.谈起vue源码，我说我稍微看过点，具体谈到了diff算法的patch flag，具体的原理还有细节又被虐了中午面完下午感谢信了

百度前端一面 秋招 提前批1.说说你在之前的实习和项目中遇到的挑战（我说了一个帧率优化的问题，怎么排查问题怎么做对照实验然后如何解决）2.说说canvas怎么实现一个音频播放的波形图（这我真没画过，我说我大概会封装一个函数，传入几个参数大概和高度，每个波开始的横坐标和结束的横坐标有关，然后绘制出一个波形图）3.说说canvas怎么实现一个圆角矩形（我说大概是四个圆弧加四条直线？其实我不太清楚问这个的目的）4.你会封装组件，滑条怎么封装的，具体说说（大概说了分为滑条和按钮两个部分，有哪些参数，用到了移动端手势相关的库，动画怎么实现之类的）5.大文件上传和断点续传原生方法怎么写（我提到了blob之类的，但具体的确实遗忘了很多，最后是调api实现的）6.二次封装axios怎么封装（说了个请求拦截器和响应拦截器）7.国际化怎么做的，右写语言怎么弄的（html有自带的dir属性）8.Vue2和Vue3的区别（Tree-shaking，组合式api，proxy，更好的diff算法，去除eventbus，ref用法的改变）9.说说Vue3的diff算法为什么比Vue2好（只记得个Patch Flag避免更新不必要的子树还有一个静态提升）10.Vue2和Vue3分别有什么缺点（Vue2的缺点其实就是刚刚提到的那些，但是Vue3的缺点我真不知道，最后面试官提醒说是可能对某些浏览器的兼容性不够好）11.说说http1.0和1.1的缓存方面的区别（1.0是LastModified和Expires，1.1引入Etag还有cache-control）12.Vite和Webpack的区别了解吗（只记得Vite利用了浏览器原生的ES模块支持，所以热更新更快，还有webpack的Loader和Plugin说了一下，面试官说还有Vite不用先打包，所有快）13.写过webpack插件吗？（我真没写过）14.口述一下爬楼梯问题怎么解（动态规划）15.文档还有视频在线预览怎么做的（没复习以前的项目代码是这样的，根本不记得）16.输入url到渲染页面的全过程（全部背诵）17.websocket了解吗（只知道可以用于即时通信，然后我还提到了web worker）18.那web worker说一下（不该提这个的，我只说了一个多线程）剩下的在图片里

网易一面 自我介绍（我开视频面试官不开视频，不好玩） 项目介绍（共享屏幕演示项目） defer标签和async标签有什么区别（虽然都是异步执行js，但defer是先下载完成再在别的script加载完成后才执行，而async则是下载完成就立即执行） 闭包了解吗（举个例子，父函数里面套着一个子函数，则父函数不能读取到子函数的变量，子函数可以读取到父函数的变量，这样就形成了闭包，闭包的优点的可以保存变量，防止变量被垃圾回收，缺点是闭包使用不规范可能会导致内存泄露） 闭包的应用场...

微软一面 一轮面试是纯中文面试，软件用的Microsoft的teams进行视频 自我介绍 你为什么要学习前端呢，是什么原因让你往这个方向发展（学校有写代码的课，学到web开发的时候我觉得这个方向还挺有意思） 你平时怎么学习的呢（看博客，看书，看文档，看资料，看视频，写demo） 介绍项目，包括是个人独立完成的吗，为什么要做这个项目，这个项目中你收获了什么 你简历上写你在做这个组件库时解决了一些难点，具体说说（我主要介绍了一些开发上的难点，面试官似乎要的并不是这个答案...