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

编者按： 以下面经题目来自牛客网其他作者，已注明原帖来源。 （原帖作者若不允许搬运，可私聊我进行删除处理） 答案由本人整理，不确保完全正确，有异议可评论区指出，感恩的心 一、原帖：天翼云前端面试 1、性能优化 ①降低请求量：减少http请求、 图片懒加载、使用字体图标或css绘制代替图片 ②加快请求速度：预解析DNS、使用http2.0、并行加载、CDN分发、压缩图片、gzip压缩 ③缓存：htt

base: bj 今天下午脑子昏昏沉沉的, 头晕... 一面 自我介绍 Webpack 和 Vite 在配置上有很大差异, 你如何实现一个自动化工具, 将 Webpack 项目批量迁移到 Vite 假如你要对老旧项目的 eslint 进行升级, 你如何排查 eslint 因为配置或版本更新可能出现的报错 假如你要开发一个非常庞大的多级多选框组件, 你如何实现数据的异步加载? 🙌🌰: 页面上有三

1、React的Fiber的原理，知道怎么实现的吗，是否了解Hook的实现原理 2、聊了一下Redux和React-Redux 3、对函数式编程了解说一下 纯函数，偏应用，柯里化，compose 分别是什么 4、Koa和Express的区别，以及Koa中间键的原理 5、长列表渲染的方法 6、虚拟滚动（列表）的实现原理 7、什么是闭包，什么是立即执行函数，它的作用是什么，可不可以举一下闭包的使用场景

给俺双非一个offer把，已经挂了，一直没写面经，二面完那天我就猜到了，两次群面我都不知道我在干嘛，尤其是第二次跟产品的一块，被产品完爆 一面： 群面就不说了，大家都是技术，一开始大家也一直没说话，氛围还是很peace的 单面如下 html语义化 事件循环，宏任务、微任务有哪些 http请求头字段有哪些（user-agent、accept等等很多） https加密 xss攻击 浏览器缓存策略 还问

春招时候的面经，第一次的挂面。上来就是做题。 1. 实现浮点数运算 回答：只了解IEEE754浮点数会导致溢出 正确：使用big.js add(0.1 + 0.2) => 0.3 subtract multiply divide 2. 实现节流函数 支持immediate 回答：实在是不记得是啥了。。。说一下实现思路，结果回答成了防抖。。。 3. 看一段代码有什么问题 给了点提示，面试官说了可能涉

面试平台：腾讯会议 面试问题： 自我介绍（标准开头） 项目的一些问题（比如移动端如何适配，一些特定效果怎么做等等比较琐碎的问题，不具体列举了，基本就是看简历发问，我觉得只要是自己做的项目应该都能回答上来） 实习相关的问题（这些比较隐私，就不说明了🤪） 实习公司的开发流程 实习期间遇到的难点有哪些 实习最大的收获是什么  4. 八股文（而且还是老掉牙的那种😌） 浏览器输入url会发生什么（答了缓

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

自我介绍 为什么学前端？（我本科专业是物联网的） 项目问题（此处省略20分钟） 输入 url 到渲染出页面的过程 引申出怎样将html文件渲染到页面上（不太会答） BFC css垂直居中 用到哪些浏览器存储方式？答：localStorage、sessionStorage 还有吗？ （不太清楚了） localStorage的应用场景 es6了解吗？ Promise的出现是为了解决什么问题的？答：回调

8.22 一面 状态码301 302 强缓存协商缓存 原型原型链 Object.__protot__ Function.__proto__ 原型链终点 防抖与节流 代码 大数相加 转对象 数组扁平 用reduce 链表反转 二面 上来直接三道题 js+html 验证url css三饼（float、position、flex三种） 凉凉

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d

一面 面完过了一周约二面 css position属性有哪些 css选择器有哪些 css bfc？ 给一个css场景让算一下margin，实际上就是margin合并问题 css会阻塞dom渲染吗，dom解析呢 如何理解typescript？在开发中有什么作用？ type和interface区别 js阻塞dom解析如何解决 跨域的作用？如何解决？jsonp的优缺点 浏览器的缓存？etag的优缺点 j

1.自我介绍（要求介绍自己的项目） 2.盒模型 3.行内元素、块级元素，二者的转换 4.图片垂直水平居中、文字垂直水平居中 5.JS数据类型 6.map、forEach区别 7.css实现文字超出部分...显示 8.css选择器权重 9.get、post区别及其优缺点 10.let、const、var的区别 11.箭头函数与普通函数的区别 12.vue生命周期 13.watch和computed

自我介绍 说一下自己带队的项目如何实施规划的 简单说一下项目当中前端用到的技术还有技术难题 webpack一些打包及优化操作 ES6的一些新特性和你对他的一些理解 箭头函数的指向问题，箭头函数可以进行实例化吗 网络的缓存策略 重排和重绘 用 CSS3 的 transform 进行一个布局的移动，例如位置的转换，这种会导致重排吗 伪类和伪元素 反问 #金山WPS##前端##面经##秋招#

一面（10.8 50min） 忘记录音了，这里只能把想到的都写上去了 自我介绍 说说http状态码，并且举例子具体状态码，说明状态码表示的信息 1xx不记得了，只说了2，3，4，5后面的 说了一些场景，问我是哪个状态码 vue2实现双向绑定的原理 vue2可以对数组动态监听变化吗（方法可以，通过下标修改元素不行） 问我有什么方法可以实现监听数组变化（给data赋予新数组，就是将数组地址改变，或者$