字节跳动 前端 面经

发面经攒人品1. 有区别吗？```jsx// a.jsexport default () => "Hello medium"export const name = "fatfish"//b.jsimport * as data from "./a.js"console.log(data)import data from "./a.js"console.log(data)```2. vue react常见组件的写法：手写倒计时3. css居中的方法4. 如果预览代码造成样式或变量污染，需要增加沙箱环境，你会怎么解决？5. 你知道哪些常见的样式隔离或变量隔离的方法？其他全是问项目，能不能提前实习，为什么学前端之类的

1    说一下实习项目开发到部署上线全部流程2    怎么使用git进行管理的3    git rebase用过吗，说一说4    Git pull和git fetch的区别5    暂存区 工作区 和 远端仓库有什么区别6    哈希的使用场景，为什么用哈希7    哈希值是怎么计算的8    map和set的使用9    Websockt是怎么建立链接的10    你说到101状态码，还有什么常用状态码11    304状态码是什么情况下会出现12    （围绕协商缓存和强制缓存的一些问题）13    socket.io是怎么使用的14    vue2和vue3的区别15    proxy的原理了解过吗，是怎么用他实现数据响应式的16    组件a为父组件，b1 b2为子组件，b1b2有哪些通信的方法17    你刚刚说的状态管理具体怎么用的18    生命周期钩子，created和mounted的区别19    可以在created里面发请求吗，为什么20    created钩子中为什么不可以进行dom操作21    dom操作会有什么影响22    v-if和v-show，和直接销毁dom有什么区别23    你说v-if性能开销大，为什么24    diff算法说一下25    computed和watch的区别是什么26    computed是怎么实现缓存的，底层实现原理是什么27    Vue router28    哈希路由和history路由29    路由切换时是怎么传参的30    了解过哪些布局，flex布局说一下31    宽高不定的div如何定位在屏幕中间，宽高为0能用flex实现吗32    讲一讲js原型链33    原型链的顶端是什么34    有一个构造函数F，new 实例f，f的原型链是什么样的35    手撕：11位手机号脱敏，中间四位替换为*

1. 自我介绍2. 如何学习前端？3. 前端学习时长？每天会花多长时间？项目拷打：1. 共享屏幕打开项目网址介绍项目2. 项目怎么搭建的？用了哪些组件？3. 搜索模块怎么实现的？具体是怎么滚动的？八股：1. http缓存2. css从行内、块级角度如何完成垂直居中？margin：auto具体怎么实现？3. css定位4. css盒子模型（定义，分类）5. 用过less/sass吗？6. 数组的判断方式？对象原型的to String方法具体如何实现（写代码）？call属性什么意思？7. 事件循环8. react组件初始化渲染（写代码）题目：1. 异步输出题，解释2. 字符串高精度加法

8.3hr主动约面一面 8.28自我介绍1.讲实习2.长列表性能优化 （分页 无限滚动 虚拟列表 图片懒加载）3.虚拟列表实现方法（等高 非等高）4.虚拟列表在每次划入划出的时候图片资源会重新请求 怎么处理？5.刚刚提到了缓存 讲一下缓存机制6.Taro原理7.手撕 一个倒计时组件纠错（不同实现方案）8.手撕 两个升序数组合并秒过二面 9.4二面比较基础自我介绍1.TCP UDP区别2.浏览器输入URL到展示页面过程3.分析script标签阻塞咋办4.分析Css代码阻塞咋办5.刚刚讲到了raf ric原理分别是啥6.浏览器帧数怎么定义7.重排重绘定义 伪元素是重排还是重绘8.prefetch preload区别9.async defer的区别 script标签如果放在头部会有哪些风险10.讲一下你认识的React11.useeffect里放了数组或对象这类型是怎么比较的？12.图片懒加载怎么实现？13.讲一下你认识的fiber14.回到上面的css解析和dom解析 这两个是同时的嘛？15.讲一下webworker16.讲一下React流式传输17.怎么减小打包体积？18 502 504区别19.三道手撕1.一个升序数组给两种方法找出一个元素x的出现次数（直接遍历 二分）2.数组扁平化20.反问 说广告最重要的就是性能优化 所以会问这么多二面压力比较大 面试官的回应比较小而且问题大多都是开放题 语言组织当时紧张了有些没有系统回答上来，想到什么就说什么了 性能优化还是要复习一下9.8过9.10三面1.自我介绍 重点讲出你有什么优势 竞争力主播这里比较聪明讲了一下实习时候对一个通用业务的开发流程，具体到一些具体实习业务上2.还有什么平时学习时候的吗 我提到了React的useOptimistic钩子3.刚刚提到了React19，知道useActionState嘛4.讲一下实习亮点5.一到了防抖 直接开始手撕ts的useDebounce6.知道React流式传输吗7.反问 我问了一个团队的基本开发过程和分工管理 这里ld看来是被我问住了 想了一会也和我聊了好久当时面试提了React19和实习理解就感觉自己能过了 明显能看出ld有点微微笑容 反问交流时间也很长结束会议后5分钟就过了9.15hr面9.30oc给我的感觉是虽然没考工程化知识 但是对于这种基础的性能优化广告部门很看重 正好我运气好可能复习过蛮多的 二面的开放题准备不充分 然后三面的开放题也最好说一些与时俱进的内容 展示自己的思考