本人现大三学生，于2022年11月份面试实习字节跳动，已OC，base北京 技术中台 下面是我的面经，希望可以帮到你！一面1. 讲下你的项目概括性地介绍了一下项目，具体实现的功能，以及自己准备的一些可以扩展的项目亮点2. 如何实现15天免登陆这个问题是根据上面的回答进行的进一步追问，我主要是通过 access token 和 refresh token 实现的，另外利用了缓存加锁对并发请求实现了进一步的控制（具体略）3. 如何实现聊天功能项目中利用的是 socket.io 实现实时通讯，具体项目实现以及对从 socket.io 实现原理，到 webSocket 原理、长轮询、短轮询机制4.还有什么要补充的项目亮点吗?再详细讲了一下如何通过 vue.extend 封装自定义命令式组件以及防抖处理搜索框5. HTTP状态码大体说一下五大类 1xx,2xx,3xx,4xx,5xx 状态码总体的含义之后，说一些具体常见的状态码，比如 200,301,302,304,404Tips：确保提到的具体的状态有深入了解以及扩展，将面试官向自己擅长有准备的方向去引导，比如可以说 304 从而引导问 浏览器缓存方面的问题6. 浏览器缓存这里同样概括性列出几个要点：为什么要有浏览器缓存（减轻服务端负担等...浏览器缓存机制的大体流程第一次访问，没有缓存：直接请求服务器以及返回相应缓存字段再次访问缓存未过期：强缓存缓存过期：协商缓存7. 读代码  window.name = 'byte';        function A(){            this.name = 123        }        A.prototype.getA= function(){            console.log(this);            return this.name +1        }        let a=new A();        let funcA = a.getA        funcA()复制代码输出：byte1这里涉及知识点包括：this 指向字符串8.函数柯里化实现9.写防抖、节流、问问闭包10.合并两个有序数组（算法）体验：一面问题这里可能有遗漏，没有及时记录，现在想起有点遗忘，一面是一个小姐姐面的，体验感也不错，自己输出了很多，二面面试官有提到自己在一面面评回答浏览器缓存回答的很好hh二面1.TCP为什么需要三次握手？关于计网这里推荐学习：小林Coding 2.https3.中间人攻击是什么 怎么预防小林Coding-HTTPS一定可靠安全吗4.为什么出现了http2.0这里就要从HTTP发展史以及HTTP2.0解决的问题来入手5.为什么要有缓存6.为什么要设计强缓存和协商缓存7.JS数据类型这个问题也很常问奥分为原始数据类型和引用数据类型，把各自类型都分别说一下然后可以从两者的存储位置进行扩展8. 判断是数组 instanceOf 原理手写也要掌握奥9.考察js作用域的一道输出题并解释var x = 10;(function (fn){  var x = 20;  fn();})(function(){  console.log(x)})复制代码这里主要考察js作用域是词法作用域，在定义的时候就决定了，所以x的作用域就是全局，输出1010.事件循环输出题 为什么要有宏任务和微任务 为什么要有任务队列这里就可以看出面试官不仅仅关注一些知识本身，更关注它的历史发展和缘由，所以就像我之前说的学知识要多问为什么？关注来源、历史发展才能进一步掌握11.算法：求两个数组的并集12.手写Promise.allPromise这里建议把源码都过一遍体验：夸完一面面评，就来了两个浏览器缓存的为什么打得措手不及，在自己的理解之上说了一些，总体回答的还不错三面主要是集中项目展开问的为什么要用refresh token？ 缓存加锁的弊端有考虑过使用 cookie 实现15天免登陆吗？优点是什么？微信实现就是用 cookie ，leader这里向我推荐了要学会向“竞品”学习聊天是通过什么实现的？用webSocket 有什么弊端？实现红绿灯绿、黄、红循环m次，每隔n秒一亮function red(){ console.log('red')}function green(){ console.log('green')}function yellow(){ console.log('yellow')}const step = (m, k, n) => {  if(k <= m){    task(n, 'red')        .then(() => task(n, 'green'))        .then(() => task(n, 'yellow'))        .then(() =>{          step(m, k+1,n)        })  }}step(2, 1, 1000)复制代码把step改写成async形式const step2 = async(m, k, n) => {  if(k <= m){     await task(n, 'red')     await task(n,'green')     await task(n,'yellow')     step2()  }}复制代码最后还有一道不难的算法题体验：leader 人真的很好！很尊重我的想法，愿意倾听和肯定我的思考方向，同时会给予我一些额外的建议，受益匪浅！hr面 11.22前面几轮面试整体感觉是怎么样呢？了解业务方向吗？什么契机接触前端？为什么学前端呢？介绍印象比较深的一个项目 项目中比较大的挑战?以前暑假寒假都做什么未来职业规划互联网行业吸引你的点在哪？自我评价 优缺点? 最近成就感较大的事情?一周后就发 offer 啦，激动子！最后毅然选择去了字节啦~ base北京 技术中台（今年初九实习报到）学习总结尽可能将面试官往你会的知识点去引导，自己说出来的知识点就一定要是你深入扩展的，不然稍微一问就不知道啦（当然从学习本身出发，有探究精神，学知识要了解前因后果以及扩展必然也是不可少的！）学习知识不要仅限于这个知识点，推荐从历史发展的层面去看，从这个东西为什么要有? 要解决什么问题? 它的前身是什么? 有什么缺陷导致后续的发展，这样才可以进一步掌握知识！（面试官也经常会问为什么哦）愿所有努力都不会被辜负祝愿你也得到你想要的offer哦！加油！