《字节跳动前端面试》专题

## 简介 我是21届的同学，去年校招顺利入职了字节，我去年记录了一些最近面试中经常被问到的问题，包括但不限于字节，真实面试中的问题比下面要多，但整体差不多，会主要根据你的简历和项目来问，希望能给近期面试的同学一些帮助。 ## 一面 1、JavaScript 的数据类型有哪些？ 2、说一下重绘和重排？ 3、元素垂直居中你知道哪些方案？ 4、说一下 BFC ? 5、怎么理解 Promise， 解决了

http协议（1.0 1.1 2.0 3.0）与https的区别 https的常用版本？https是对称还是非对称加密，这两种加密方式的区别？非对称加密加密的是什么（会话秘钥） 深拷贝与浅拷贝是什么 TCP握手的具体过程（每一次握手携带了什么字段也要说清楚） JWT介绍 具体构成 加密使用了什么算法，秘钥是怎么传输的 TCP五层协议模型，每层有哪些协议？TCP协议报文格式 URL从输入到页面显示的

面试官真的非常好 自我介绍 聊项目 聊优化 图片懒加载实现？ CSS 定位有哪些？ CSS3如何指定盒子模型种类？ JS基本数据类型？ Object是基本数据类型吗？ 代码题： 千分位转换，合并升序数组 目前记得问过上述问题，其他的我想起来再补充 后来反问和面试官也聊了好多，真的挺好的

1. 自我介绍 2. 问：自学前端是怎么学的     广度学习+以点到面的深度学习 3. 问：js有哪几种作用域 （三种….     问：let在编译后实际还是var，因为低版本不支持let语法，这个是怎么实现的     答：猜测包装成函数，通过参数形式注入，读取argument 4. 问：hooks的属性都是怎么储存的 （链表     问：useRef介绍 （虚拟Dom引用     问：都在哪里

对于不同性格的面试官，需要有不同的对策 字节跳动的面试也是我第一次面试，也是目前为止唯一一次面试，三个面试官都有不同的偏好 一面，我节奏掌握的不够好，太急于表现自己，在面试官问题还在铺垫的时候就发表自己的看法，偏偏面试官是个会对你的话找问题的人，自己给自己挖坑了(vue的data非得用函数？改变不影响布局的数据，vue会重新渲染页面吗？serviceworker的原理)，对于这种面试官，如果自己的

base深圳，商业化技术 面试官很和善，模式基本上是实习经历深挖八股，我好久没背过题题卡壳 手写： 1 实现防抖 实现兼容async await下的防抖 2 实现eventBus，on，emit，off，once webpack模块化引入原理 缓存知识，协商缓存失效怎么办，locolstorage和sessionstorage 如何判断sessionstorage大小 如何设计组件，暴露方法和ap

1.OSI的7层模型，还有5层模型 2.http缓存机制（不知道） 3.http和https的区别 4.http的加密方式（不知道） 5.http状态码说一下（说的挺乱的，知道的都说了一遍） 6.浏览器是单线程还是多线程的，为什么？（猜单线程，原因说不出来） 7.Js是单线程还是多线程，为什么？ 8.EventLoop，哪些是微任务哪些是宏任务（微任务只记得一个Promise.then） 9.Vu

7.23一面 今天中午问了hr后约的二面 自我介绍 项目介绍（基本都在问项目） 微前端原理 服务端渲染SSR原理，优缺点等等 项目中移动端，PC端适配方案（移动端REM原理） REM缺点 暗夜模式怎么实现的（优化） 然后就是很多项目中的内容怎么实现的。。 对混合开发（JSBridge）的了解，在行业中自己的理解 对混合开发性能上的优化（没有。。就答了传统的前端优化） 有没有尝试过离线化，有没有性能

1.自我介绍 (我记错时间迟到了，但是面试官很好，让负责的小姐姐给我打电话了) 2.项目，因为面试的岗位里面有要求是小程序开发经验，就说了一下，应该是深挖项目 3.uniapp怎么运行到小程序实现的底层原理 4.vue组件通信，我说了props和自定义事件 5.然后问了组件通信里面跨级怎么处理 6.问了一个js的东西，没听清，好像没听说过(菜鸡真的不知道是什么 7.promise,讲一下和setT

🕒岗位/面试时间 前端开发实习生 2024.3.19 👥面试题目 常见状态码 浏览器本地存储有哪几种方式？ Cookie是什么 不同网站返回的cookie能共享吗 为什么不能共享 SetTimeout函数设置为1秒后执行，这个执行时间一定是一秒吗 你说浏览器是多线程，那如果一个浏览器同时打开两个tab页，其中一个tab页出现了报错，会影响另一个吗 什么是盒模型 说一下行内元素的特征 为什么行内

1. qiankun底层是如何实现的，主应用和子应用通信方式有哪些 2. ws有哪些状态码，心跳机制的理解，还挖了很多答不出来 3. http各个版本的理解 4. 强缓存和协商缓存 5. vite开发模式和生产模式的打包产物怎么区分的 6. react和vue选型问题 7. vite和webpack的选型和理解 8. cookie的作用，一般存放什么信息，如何保证安全 9. 实习项目难点和解决方案

自我介绍 1. 为什么选择学习前端 2. PC端和移动端项目CSS的适配区别 3. rem是怎么设置的，手动算的还是用了库 4. rem和em的区别 5. 屏幕大小变化的时候是如何适配的 6. 直接写rem计算屏幕的宽高是怎么获取的 7. 其他移动端适配的方法？ 8. 上一题提示：vw，vh 9. 逻辑像素和物理像素的区别 10. 浏览器渲染是如何解析渲染html文档的 11. css下载的过程会

聊了下情况都没自我介绍了 全局换肤配置 go语言协程底层实现 不会😂😂 为什么要用pinia 用全局状态不行吗 说一下webpack流程 tapable？ 两道算法 两数之和 5min 写了下思路过了 零钱兑换？ 给定1，3，5 给定target 说出所有的解法 5min a了 全程40分钟 许愿三面

好难，我面过所有面试里面问的最深的 自我介绍 简单部分： 问项目 项目里用了rAF做弹幕？为什么这么做，咋实现的简单写一下（飞书代码考核） 那如果我有个非常长的任务，你的rAF还能稳定60帧吗 小程序跨页面通信怎么做的？ 前端通信为什么token存localStorage或者cookie？还有哪些，为什么不用Redux存？（用Redux了，存cookie是持久化） 还顺便说了关于cookie的安全

时间：一个小时10分钟 1. 常规自我介绍 。。。。。 2. 觉得最好的项目是什么？ 3. 原型链题目 看走眼了 经过提醒答对了 4. HTTP HTTPS 的区别 5. 对称加密非对称加密混合加密 6. 封装组件有什么看法？ 7. 组件通信？ 8. promise 对了没怎么问了 我多写了一个console 笑死我了 9. 跨域问题 简单请求和非简单请求 预检请求 为什么会出现预检请求？ 10.