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

1. 自我介绍 2. 从浏览器地址栏输入 url 到请求返回发生了什么 3. 页面渲染的过程，重排重绘 4.CSRF工作过程，为什么可以冒用用户的cookie，如何拿到Cookie 5.CSRF如何防御 6.原型链 7.事件循环、工作机制，为什么是微任务先运行 8.MVVM，MVC之间的区别 9.设计模式 10.sql注入，注入恶意代码如何实现攻击？ 11.虚拟DOM工作机制，为什么好于直接操作D

商业产品与技术 介绍js数据类型 怎么判断数据类型：Object.prototype.toString.call()，返回值类型是什么 Vue-router hash和history的区别 history 404问题 后端怎么解决 let var const 屏幕像素比 跨域 项目部署 开发环境和部署环境 手写：Array.prototype.getReader = function () {}

八股： - 从浏览器地址栏输入 url 到请求返回发生了什么？ - DNS域名解析的过程 - tcp连接 为什么需要三次？两次和四次不行吗？ - tcp为什么是怎么保证可靠传输的 - 如何实现一个tcp？❌ - cdn是如何实现的 ❌ - 常见的网络加密算法有什么 - 进程和线程的区别 - 进程的通信方法 - 如何避免内存分配碎片化 ❌ - pcb是由那些组成的 项目： - 最有挑战的项目经历 -

1.项目经历，项目中完成了哪些工作，是从0到1吗 2.介绍一些常用的meta标签 3.举例一些H5语义化标签 4.CSS flex布局 5.js中闭包有哪些应用场景 6.js如何实现防抖节流 7.页面如何做移动端适配 8.对于一个100x200的元素，如何做750px大小的移动端适配 9.栈在前端开发中的应用 10.项目中有没有涉及到大文件和后端的交互 11.VueRouter中hash和hist

1.自我介绍 + 实习经历介绍 2.选择前端的原因 3.如何解决跨域 4.tailwind CSS 这个是我其中一个项目中使用的，但我当时只是当它工具使用的，直接问我实现原理和优势等等。实现原理我没回答好，但这个确实是一个好问题 代码题： 1.let var 变量提升题目，作用域相关问题。没全答对应该，说的有错误 2.JavaScript事件循环题目。诶这道题我也没答全对，当时忘了resolve这

58min 1.说一下学前端的历程和路线，都是通过什么方式学的 2.介绍一下项目的难点 3.说一下技术选型的原因 4.zustand和redux状态管理库的区别 5.react和vue学习上有哪些区别有什么感受 6.css优先级 7.flex布局的常用属性 8.重排和重绘，如何减少重排 9.commonjs和es6的模块化两种导入规范的区别 10.js的基础类型，堆内存和栈内存 11.垃圾回收机制

自我介绍 聊实习期间的工作，bug怎么修，项目有没有遇到困难 video转canvas，会压缩吗？ 这我是真不清楚 react严格模式会发生什么 react cm mode vue 响应式怎么做的 2，3 proxy怎么劫持，为什么能劫持 生命周期，每一个，具体发生了什么 computed支持异步吗，为什么 深浅拷贝，浅拷贝会带来什么问题 usememo，compued，实现，怎么知道他更新，浅拷

直接逮着你的项目问，准备了好久的八股文都没人问的 自己的项目一定要熟悉啊 感觉还达不到找实习的标准 1.自我介绍 2.你在项目中遇到的困难 (我说的是路由rbac根据不同用户权限) 3.登录模块怎么实现的 我说的是点击登录发送请求获取token然后在localStorage中存储 在企业中token存储再哪里 怎么实现？ 用路由守卫判断是否获取token 4.后端怎么知道你获取token呢 5.线

牛友已经秋招半截入土，感觉今年面试hc太少，基本都给转正了。说实话面的不好挂了也罢，有点面的还行也没消息。感觉太累了，现在剩下几个面一面看一下，没机会就算了。 Webpack热更新原理 TCP和UDP，功能和应用场景 手写一个react hook实现类似于类组件中setState的功能，支持设置回调函数 实现一个算法 将 “123…ab“，非‘.’部分翻转，得到”321…ba” let var，c

时间1h10min 先是实习拷打，告诉我他们主要是做b端的，然后疯狂问性能优化和核心指标监测的问题。然而面试前我准备的全是c端小程序的优化问题，面试官并不是很感兴趣，这部分答得中规中矩。 然后是微前端，问了为什么选择微前端，微前端的缺点（微前端性能一定就要比spa好吗），微前端业务遇到哪些问题怎么解决，沙箱的作用（这里没答好），样式污染怎么解决。因为采用的框架是qiankun，问了还有哪些方案以及

8.28 以为是二面，反问的时候说一面已经问过部门了所以想问点别的，结果面试官直接蒙了，他以为我是一面，他这个部门和之前我面的部门不一样，但都属于本地生活，不知道有遇到过这种情况的牛u没。面试官说再去和hr确认一下。 面试内容比较轻松，常规八股，然后结合项目展开问了一些内容。 vue2响应式缺点 token认证流程 其它的记不清了 手撕括号匹配，谢谢面试官 许愿个三面吧，不过我感觉还是要二面，不是

* 原型链 * 用function实现class * 实现extends * bind 和apply * 浏览器跨域 * 那些文件或资源会受跨域限制，什么类型的网络请求不受同源策略管控 * 前端正向代理和反向代理 * vue的双向绑定 * vue的依赖收集 * react、 性能优化 * 技术栈是react * 常用框架原理，浏览器原理 缓存，跨域，加载，同源策略，http https混合应用 ?

项目经历 + 实习经历 this、作用域代码输出题 border-box和content-box，边长各是多少 .box{ width:10px; height:10px; padding:2px; margin:2px; border:1px; background:blue; } promise输出相关，这个还得多练 合法括号，leetcod

8.20 没准备好还没在系统投递，hr电话打过来说是在脉脉上看到的简历，然后推系统评测过了约面，但是系统里到今天也没有显示任何秋招的流程，怀疑kpi，有没有也遇到过这种情况的。还有就是脉脉上能直接拿到你附件简历吗。 问了问项目里的一些点以及延伸出来的 单点sso（简历上 cookie安全问题，怎么防止别的脚本获取cookie（扩展开的 web worker（简历上 eventbus怎么实现的 mo

新鲜的