张可馨

2023-01-26 21:12 西安邮电大学前端工程师发布于陕西

关注

2022字节实习面经（已OC）

本人现大三学生，于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,404

Tips：确保提到的具体的状态有深入了解以及扩展，将面试官向自己擅长有准备的方向去引导，比如可以说 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.https

3.中间人攻击是什么怎么预防

小林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的作用域就是全局，输出10

10.事件循环输出题为什么要有宏任务和微任务为什么要有任务队列

这里就可以看出面试官不仅仅关注一些知识本身，更关注它的历史发展和缘由，所以就像我之前说的学知识要多问为什么？关注来源、历史发展才能进一步掌握

11.算法：求两个数组的并集

12.手写Promise.all

Promise这里建议把源码都过一遍

体验：夸完一面面评，就来了两个浏览器缓存的为什么打得措手不及，在自己的理解之上说了一些，总体回答的还不错

三面

主要是集中项目展开问的

为什么要用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哦！加油！