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

面试官迟到了十分钟... 自我介绍 浏览器的渲染过程 减少回流的方式 深拷贝和浅拷贝，怎么实现深拷贝 Webpack打包流程 computed和watch的区别 怎么解决vue白屏 vue实现缓存的方式 vue-router怎么重定向 算法——实现快排的方式，时间复杂度 算法——怎么判断链表是环 问了下大概一周内给回复 #4399面经##前端面经##秋招##面经#

1、async、await和promise的联系 2、一道代码题，看this的指向和立即执行函数 3、三列布局（口述真的太难了，我双飞翼、圣杯都写烂了，半天憋不 出一个所以然） 4、防抖节流的应用区别，搜索框用防抖还是节流 5、js怎么判断数组和对象类型 6、prototype和__proto__的区别 7、call函数有什么用 8、两数之和 9、vue2对数组怎么进行响应式 10、项目具体做了哪

全程大概50分钟，电话面试 1.自我介绍 2.项目相关 3.项目里用到了indexedDB，问除了这个前端还有哪些存储 4.讲一下Vuex的一些相关概念 5.vuex的响应式是怎么实现的 6.除了vuex，vue里面还有哪些可以实现组件之间通信的方式 7.全局事件总线是怎么实现的？ 8.答了在vue实例上绑定一个属性，通过$emit和$on触发事件、监听事件 9.除了在vue实例上，还可以怎么实现

攒好运！！ 1.事件模型 2.数据类型检测 3.call，apply，bind 4.深浅拷贝 5.节流 定时器版和事件戳版 6.vue响应式原理 7.async、await 8.同源策略、跨域 9.项目 10.新技术 全回答出来，挂了....

15分钟结束战斗，面试官真有你的哦 1. 自我介绍 2. 学习方式 3. 为什么选择前端 （说了一半被打断了） 4. symbol的特性 5. object 和map 的区别 6. for in 和for of 7. object可以用for of 遍历吗 8. map可以用for in 遍历吗 9. 为什么let 和 const 没有变量提升 10. 为啥 0.1 + 0.2 ！== 0.3 1

9-14下午三点，全程50分钟左右 1.为什么选择前端 2.前端是怎么学习的？看了哪些书，学到了什么 3.项目中遇到了什么难题，怎么解决的 4.项目里用到了indexedDB，为什么不考虑加入后端，使用后端的数据库 5.indexedDB与其他浏览器存储有什么区别 6.vue2和vue3有什么区别 6.项目中有遇到哪些性能上的问题吗 7.如果你的页面首页白屏时间太长，你会从哪些方面去分析以及解决

可能是我说自己项目经历少，所以面试官问的偏基础（数据结构，计网…感觉要寄） 1.es6新特性，让我主动枚举我实在举不出多少来 2.let，var区别 3.浏览器渲染流程 4.tcp和udp的区别 5.cookie和session 6.判断链表成环 7.链表反转 8.如何使用udp的情况下确保可靠性（QUIC，但是当时没想起来） 9.vue3相比vue2优点 10.虚拟节点是什么，好处，代价（没仔细

2022.9.15 10:47~11:08 自我介绍 学习前端大概多久 如何设置小于12像素的字体 react类式组件和函数式组件 React高阶组件有什么作用 React生命周期内某个方法只执行一次怎么做 redux异步怎么解决 项目有多大，怎么管理跨组件的状态 Vite为什么比Webpack快 Vite区分生产环境和开发环境怎么配置 Webpack多入口怎么配置 dom中插入1000条数据有哪

1.自我介绍  项目做了哪些功能 2.vue生命周期，在销毁的时候会做些什么操作 3.变量提升和函数提升 4.xss和csrf攻击，什么情况会发生xss攻击，怎么把恶意脚本放在目标服务器上 5.css选择器权重 5.v-if和v-show 6.css权重 7.垂直水平居中 8.浏览器缓存，强缓存和协商缓存访问成功返回多少 9.做了那些优化，一直问说了好多... 10.讲讲防抖节流的区别 11.什么

南京前端架构 为什么选择前端 什么时候学的前端，如何学习，JS、TS、CSS分别通过什么学习的，看过什么书 对lerna有什么了解，遇到过什么问题 lerna包依赖自动更新是怎么实现的，软链接的解决思路和原理 turborepo为什么性能更快，除了并行下载和缓存以外 除了lerna和turborepo以外，还有什么monorepo方案，了解过yarn workspace吗 说下幽灵依赖，为什么会有

全程十五分钟，面试官没开摄像头，基本都是八股文，但是还是有两三个没回答上来 1. 自我介绍 2. flex布局如何实现水平垂直居中 3. js有哪些数据类型，怎么判断它们？undefined和null有什么区别 4. 问了一个正则匹配的问题(我说我正则用得少，不了解) 浅拷贝和深拷贝的区别，各自的实现方法 5. xss是什么，怎么预防 6. webpack按需加载怎么配置 7. webpack怎么

结对编程的形式，提前给一个代码。 有三个问题，一一实现，并涉及到了tdd测试 主要考察代码编程习惯，测试考虑方面的。 面试官很好，很尊重人。编码过程中都可以一直交流，总体面试感觉很好。希望能过#面经##秋招#

1. 自我介绍 2. 虚拟 dom 如何生成 3. 说一下 vue路由 4. vue 生命周期钩子，每个阶段的主要做了什么 5. 计算属性，计算属性和watch的区别 6. 闭包 7. dom 更新线程 8. 跨域，解决跨域的方法 9. 防止某个攻击事件（忘了是哪个） 10. 定义组件的两种方式 11. 抽离公共方法到组件使用… 12. 事件流 13. 反问

问了很多非技术上的职场沟通问题，如何学前端之类的，任务分配，需求理解，规划 性能优化 面试官说候选人很多，招的人很少，感谢我的时间#funplus#

写面经攒人品....... 面试到一半才想起来录屏，前面的问题有点不太记得了 1.对低代码有了解吗（回答用过），让你实现低代码你会怎么实现 2.介绍一下自己的项目 3.缓存相关问题，cookie怎么使用之类的 4.不想让别人拿到cookie，细问了就是不让js脚本去获取，回答了httponly属性 5.这个属性一般是哪里设置，回答后端设置 6.实现九宫格的布局，问css的。 7.编程题，写一个冒泡