《字节跳动前端工程师面经》专题

时间：50分钟左右 问题整理： 1.自我介绍 2.为什么不从事本专业工作？为什么选择运营？ 3.你觉得策略运营和用户运营有什么区别？ 4.同组有那么多实习生，比起他们，你有什么优势？ 5.为什么选择我们公司？ 6.多任务的时候你会怎么安排？ 7.有人在社群里吵起来还有人退群怎么办 8.怎么管理资源位的？怎么判定要上资源位的活动就比别的活动有价值？ 9.你怎么跟创作者或者是客户沟通的？ 10.有用户

先介绍本人的基本情况，互联网行业运营一枚，主要在品牌方做产品在抖音渠道的营销推广 周一的时候被字节的HR小姐姐主动捞了，给我推荐了tiktok用户增长的岗位，光速安排了周四的面试 这几天疯狂搜索各种面经，以及做各种面试问答的准备 结果！没想到！整个一面在20分钟内光速结束了，面试官仅仅提问了跟简历以及工作经历相关的几个问题。 以下是本次极其简短的面试的极其简短的QA记录 Q1：自我介绍 Q2：如何

一面 4月13日14:00——15:30 自我介绍 项目相关 HashMap 的底层数据结构 什么时候变成红黑树？为什么要选择数组 + 链表的结构？ HashMap 的扩容机制 进程和线程的区别 一个进程中有哪些数据段？ 乐观锁和悲观锁 介绍一下版本号机制 介绍一下 CAS Redis 过期数据删除策略 Redis 内存淘汰机制 缓存穿透 布隆过滤器的原理 [240. 搜索二维矩阵 II] [26

①项目介绍，管理端用户登陆流程    token验证 ②如果管理系统要有两个风格，暗黑风格和清新风格，如何更改： ③说下协商缓存和强缓存 对于图片，css文件这种用协商缓存好还是强缓存好，(我的回答是两个都用，对于图片文件这种不经常修改的，就用协商缓存，强缓存有有效期，面试官说时间可以延迟，我就。。。) ④webpack处理流程   构建流程  loader加载器 ⑤xss攻击csrf攻击  解释

1、vue的双向绑定实现 2、react的一道看代码题 3、一道事件循环机制的代码题    为什么有事件循环机制，node的事件循环机制是什么，怎么用promise实现async和await 4、手写防抖 5、最长子字符串

字节还是难 全程37分钟，有点短 1.什么是闭包 2.闭包底层是什么原理 3.https为什么是安全的 4.ssl、tls怎么底层怎么做加密的 5.ca怎么保证公钥安全 6.为什么学前端 7.怎么学前端 8.手写实现promise 9.手写爬楼梯 10.手写柯里化 11.什么是事件循环 12.浏览器和node环境的事件循环的区别 13.js如何实现沙盒运行 14.node环境和浏览器环境的区别 1

项目难点（封装组件） 父子组件传方法 导出文件浏览器是怎么下载的，回答了FileSaver.saveAs通知浏览器下载 跨域怎么下载 项目为什么选vue3 vue已经可以自动监听数据变化，实现页面渲染，为什么还需要nexttick 手写：Promise.any 虽然面完没几分钟就发感谢信了，但字节的面试官还是挺好的

部门：基础架构，难度一般 手写： Flat 打乱数组 八股&项目： 为什么喜欢前端 前端除了往工程化方向发展，还有哪些发展趋势？ 说一下你做的项目 你遇到的项目难点 实现水平垂直居中的方法？ Margin: auto需要配合哪些其他的属性来实现水平和垂直居中？ Css属性实现禁用js事件：pointer-events New做了哪些事 普通函数和箭头函数的区别 跨域解决方法 前端是怎么配置的？ P

1.互相自我介绍 2.项目是自己做的还是哪个公司的项目（答没实习自己做的）遂直接跳过我的项目问基础去了…..（好歹也让我说下我准备的难点亮点啊 3.你对前端的理解 4.vue的双向绑定原理，能说多少说多少，追问和react的区别，为什么选vue不选react。 5.虚拟dom的理解，js操作dom有哪些方法，为什么虚拟dom可以加快渲染速度，从回流与重绘的角度谈谈，再谈谈浏览器是如何渲染dom的（

1. 做过哪些项目，评价指标是怎么样的 2. 如果你的项目顺利完成的话，它将应用在什么地方 3. 看的最近一篇关于前端的博客是什么内容 4. 身份鉴权 与 网络攻击 5. 你做过的最有成就感的事情 6. 你学习的最好的课程是什么 7. 最差的课程是什么 8. 说说你了解的前端的前沿技术有哪些 等一个好消息，急急急

主要是项目上的一些问题 1.项目上用了redux，有对比过用或者不用redux的优缺点吗 2.redux具体是怎么做到精准更新的 3.写一下消息订阅模式的代码 4.有了解过其他设计模式吗 5.观察者模式原理是怎么样的 6.你知道js在观察数据和状态是否发生变化是怎么做的吗 7.这个项目大概有多少个组件，可以列举以下 8.轮播图怎么实现的，手写原生代码（可以用伪代码） 9.排序算法了解过哪些，它们的

拷问项目 interface和type的区别？使用场景？ TCP是如何保证传输的稳定性和可靠性的？ 为什么要进行四次挥手？ Https的加密过程？ 抓包的流程是什么？ 证书的作用是什么？ 用useContext和useReducer模拟实现redux 实现一个自定义hook useHover，当鼠标hover到元素上时触发传入的事件

vue 双向数据绑定 发布订阅（如何实现发布订阅） vuex 如何使用vuex vue2和3的区别 defineProperty和proxy性能上的区别 react setState的第二个参数，什么时候拿到新的数据 setState合并更新 react生命周期 shouldComponentUpdate react的diff算法和vue的diff算法 useMemo和memo 用react的时候

自我介绍 为什么选择前端 基础知识: 1.var let const的区别 2.可以修改const声明的对象的属性吗，为什么 2.水平垂直居中的方式有哪些，手撕css代码 3.元素实现隐藏的方式有哪些，都有什么区别 4.深浅拷贝区别，手撕深拷贝 5.跨域是什么引起的，用什么方法实现跨域 6.nodejs有了解过吗（我说了解不多，就没多问） 7.除了react还用过什么框架 项目: 8.用户登录部分

JS数据类型有哪些？ 引用数据类型和基本数据类型的区别是什么？ 如何判断一个对象是不是空对象？ 代码输出： const obj1 = { key: 'value1', }; const obj2 = { key: 'value2', }; function func1(obj1) { obj1.key = 'value11'; return obj1; }