字节跳动前端实习面经

本人github链接 求follow 春招面经字节跳动国际化短视频tiktok(base：北京)一面凉 字节处女面竟然给了核心之核心tiktok，呜呜呜，压力极大介绍项目和过往经历算法：二叉树的路径总和A算法：二叉树的所有路径手写：手撕树型组件反问感受：tiktok压力很大字节跳动商业化技术(base: 上海)已offer一面：感受：轻松js原型链js基本类型DOM事件机制，Js冒泡和捕获事件循环输出题，经典老题vue生命周期，尽量详细vue模版编译都有哪些阶段vue虚拟dom怎么生成的Vue2 3区别算法：字符串全排列A算法：全排列II算法：千分位，小数版，硬写，故意留了个bug让面试官问，...

##  一面 3.21 全程一小时左右，面试官很温柔！！！😁   1.自我介绍   2.看代码说输出       inner = 0     function say(){       console.log(inner)       console.log(this.inner)     }     let obj1 = {       inner:'1-1',       say(){         let inner = '1-2'         console.log(inner)         console.log(this.inner)       }     }    ...

字节飞书前端开发实习生三面+hr面经 来回馈社区啦～本人双非本科非科班19级，目前在等待 oc ~ 一面 面试官感觉蛮有技术热情的，兴之所至险些当场出题，最终因为觉的自己现场出的题不够成熟而没有考察，但确实让我心头咯噔一下 前两道是关于项目的，因为忘记了录音，所以一部分题目不记得了，以下是还记得的部分  自我介绍 canvas 了解吗？用来做的动画的优势，为什么不用其它的 算法是在浏览器执行吗？会导致内存泄漏吗 less 了解吗，它的作用是什么 vue 用的版本，为什么不用 vue3？ vue3 对 vue2 做了哪些优化 js 基本数据类型有哪些 typeof null === ? 箭头函数...

一面  说说你JS学了哪些东西？ ES6的新特性 在哪些场景用了ES6的新特性 介绍项目（业务方面，技术方面） 用过哪些hooks，介绍一下 useEffect能做哪些事情？ useEffect中的依赖是浅比较还是深比较 浅比较是怎么个比较法？ 如何对表单校验？ antd 表单的rules api是怎么设计的？ 表单提交时怎么将错误定位到第一个错误的地方？ 你会正则吗？ 一道简单场景图，考察在对象原型上增加一个方法 cookie是干啥的？ cookie是客户端设置的还是服务端设置的？ JS如何设置cookie？ cookie的作用域 如何跨域访问cookie 说一下session 为什么要有s...

一面   1、聊一些项目   2、display：block、inlineblock、 inline 三者的区别   3、css实现画一条0.5px的线   4、let const var三者的区别    const 定义一个对象 里面的属性可以修改么   5、http的状态码有哪些   6、跨域是什么 如何解决   7、实现三栏布局   8、实现一个深拷贝   二面   1、csrf 和 xss   2、实现观察者模式   3、实现一个防抖   4、防抖和节流   5、实现快速排序   6、事件循环   三面   1、websocket的过程是什么、在（网络层面）了解过么   2、OSI 7...

前言   本人大三，发现大家都在投简历才开始准备。然后就投了字节跳动的飞书，收到笔试通知后，才发现了牛客网这个好东西。   刷了几题真题发觉自己完了，啥都不会，刷了三天题就去笔试了。感觉自己基本是凉了，谁知道居然收到面试通知，准备了四天就上了，人生第一次面试.....   虽然我这几天把面筋都啃了一遍，但还是有很多不太懂的地方，目测是凉了。     笔试   选择题 + 算法题 + 智力题   选择题基本跟前端没什么关系，都是数据结构和算法和网络的，印象较深的是二叉树的先序、中序求后序，闭包，Etag(当时完全不知道是什么)   算法题：从A到B有D的距离，中间有若干基站，距离起点Ni的距离，...

日常实习：面向全体在校生，为符合岗位要求的同学提供为期3个月及以上的项目实践机会，进组后有mentor手把手指导landing和成长，有转正机会，以往经验看，转正通过率100%。       团队介绍：团队负责公司多个跨产品业务方向，提供可复用的平台能力及技术解决方案。我们为公司多业务提供如地理位置、行业数据、舆情、众包标注、中间件等多类型的中台能力与技术解决方案，积极利用AI等技术做中台能力提效与升级；同时，开发者社区持续为内/外部的开发者赋能，期望为用户提供更有价值的信息与分享交流空间。 加入我们，你将有机会从中台的多视角参与业务建设，感受不同类型/阶段的业务特点；通过投身亿级用户场景的开...

一面  跨域 option csrf xss src弊端 sessionid 微任务 宏任务 requestanimation bfc 三栏布局 {}=={} 基本数据类型和引用数据类型 let var const  懒加载实现 vue key的作用 vue实现双向绑定的三个类 observer watcher dep 手撕： compose函数 合并有序数组  二面  项目以及做项目遇到的问题 项目部署的地址不变 换一个域名来访问它怎么实现   常见隐式转换   0.1+0.2!=0.3的原理   最大安全数字 Number.MAX_VALUE  +new Date为什么得到时间戳 301 ...

一面：   自我介绍   1.flex布局 flex属性有哪些    2.CSS3新特性 transform flex   3.box-sizing属性 盒子模型   4.BFC是什么   5.什么是闭包？  使用闭包的概念，实现每秒钟打印数组中的一个数字？   [5,4,3,2,1]   setInterval和setTimeout   6.  var a = 1;   function b() {   a = 10;   return;   function a() {}   }   b();   console.log(a);   7.实现一个flatten方法   将[1, [2, 3...

字节飞书三面面经 已offer，BASE广州求合租！！！总时长 42min  自我介绍 聊项目~开始做题 三数之和 一题回溯的题，估计是字节自己的题库0 -> 'a'，1 -> 'b' .... 25 -> 'z' ，问一个数能有多少种组合1234 -> 3111 -> 3333 -> 1直接回溯就行了，挺基础的模板题也可以 dp ，希望有大佬补充下 实现一个 addClass(dom, class) ，也就是把 class 添加到 DOM 元素上，注意考虑边界这题emm比较偏向开放性以及考察对一些 DOM 和 HTML 的理解吧，dom.className...

自我介绍  项目的API怎么获取的  服务器是不是自己搭的，怎么弄的  Vue2以及vue3的区别  Vue生命周期和钩子函数  Vue父子组件的钩子的顺序  Vue nextick  Vue单线程  代码题：事件循环  Js执行栈 宏任务微任务  Node会不会  Conmon.Js和es6区别  CSS布局方法了解哪些  Flex居中方法  Flex 1底层  flex grow  CSS其他居中的方法  CSS display none以及visualable  V-if和v-show的底层  能不能用getelement访问到  跨域是什么 定义  CORS怎么解决跨域  Vue如何解...

为什么想学前端  你觉得做的比较好的项目是哪个  项目有哪些功能  开发过程中有哪些困难  保存登录状态怎么做的  登录失效时间有没有设置  讲一下JWT机制  服务器解析Token失败怎么处理  如果遇到登录成功之后，token失效怎么处理  mongoDb与mysql的区别  第一个项目几个人开发的？怎么合作的？分支怎么管理的  提交的时候有冲突吗？怎么解决  有没有做保证代码质量的事情（比如代码样式）  有没有了解代码风格相关的呢？  浏览器原理  IP地址怎么转化  常见的协议有哪些  TCP和UDP的区别  浏览器渲染的过程是什么  在其中Js引擎做了些什么  编码题（两个字符串大数...

4.30号投的简历，5.3做的笔试，5.6约了5.8的面试（可以说是效率非常高了   面试题   1.instanceOf实现的原理   2.typeof   3.js的类型   4.给了一段setTimeout、Promise判断输出顺序   5.事件循环   6.BFC   7.position的属性，fixed是相对于什么定位的   8.闭包   9.new之后发生了什么   10.es6有什么觉得好用   11.__proto__是用来作什么的   12.强缓存/协商缓存   13.bind、apply、call   14.如何实现bind（说的思路   15.如何进行拷贝   16....

1. 自我介绍   2. 做过哪些项目   3. 代码题（括号匹配）   4. http缓存   5. 说一下Etag   6. 说一下垂直水平居中   7. 看代码说输出（Promise，settimeout相关）   async function async1() {   console.log('async1')   await async2()   console.log('async1 end') } async function async2() {   console.log('async2') } console.log('script start')    //1 setTi...

我看大家的面经里好多八股文..到我这就比较少,比较偏React基础的原理,这些我看的比较认真所以叨叨没完,甚至有一道题面试官笑着让我住口下一道   面试官非常nice, 还很帅, 没有为难人, 最后算法题我犯傻了他也是很友好的提了一句, 但也没说要我重写   一面时间 7.26 16:00   下面就是正式面试内容：   ————————————————————     自我介绍一下  介绍印象比较深的项目，讲讲难点和解决方法  介绍Redux的工作原理（本来是问用过reducer吗 我回答用Redux的话就肯定需要用到 action store reduce）  了解Fiber吗（这个我下过...

字节跳动飞书办公套件（前端）一面50min - 2022-4.26 前前后后准备前端项目和简历3个月，靠着本科的一点HTML的知识，厚着脸皮投了喜欢的字节。背得八股基本没问，全程问项目，两个面试官，人挺温和，哎~  面试题  请介绍一下自己 说一下你在做前端项目中的出现的问题，是怎么解决的？（最怕的一个问题，可能就是项目不熟吧） 看到你项目里面用到了jsonp，说说jsonp是怎么请求到数据的？ 跨域请求的方式还有哪些呢？有没有尝试过？ 图片懒加载和虚拟列表怎么做的？（项目里面写了） 在做项目的时候，有没有对前端安全有所学习呢？（估计是想问XSS和CSRF） 看到你用到了登录，token或者c...

在复习阶段看了很多前辈的面经，也写写自己的，希望对其他人有帮助     1 45min      自我介绍    学校有什么课程（谈到计网    说下计网    说到不同层之间的交流，两个网络不同层之间的交流    Http和https的区别（提到https只是更安全，并不绝对    上一题后续的原因    作用域    em和rem    css元素样式优先级    居中的css    手撕：冒泡->问复杂度，有没有时间复杂度为n的排序，答无（搜了搜有...    js基本数据类型    css盒子模型，what？应用场景？    做过的项目中遇到过的最难的问题    有无问题    ...

内推之后大概一周给我打的电话，然后约了周一面试 一面：1.一些八股文，建议各位前端小伙伴熟读且背诵2.代码题： （1）经典async+console.log判断输出顺序的题 （2）给定一个数组，数组内元素是版本号[1.45.0,1.5,3.3.4,8],让正确输出版本（注意1.45.0比1.5大）：这道题的思路其实就是用split分割开，然后比较对每一位比较大小并进行排序，需要注意的是分割后每个元素是字符，要用parseInt转化成数字，最后对排好序的数组采用join('.')连接 代码题总结：题不是很难，但是太紧张了，第一次面字节，这么简单的第二题反而有点懵了 一面之后，半个小时给我打的电话...

3月25日周五 一面 70min   自我介绍   问我在LeetCode实习了多久，算是暑期实习对吧（本人菜鸡，当时做的技术内容运营，不是开发，做完实习才开始自学前端）   一、项目提问   1. 怎么理解单页应用，和传统页面有什么区别   只加载一个 html文件。传统页面用a标签做跳转   2. 单页应用实际上会渲染成a标签吗？   会的。   - 追问：那这个 a 标签和传统的 a 标签有什么区别？   往history里面push/replace。   Link 负责更新路径，Route 根据路径，映射对应的组件。   （一直没回答到点上）面试完查了一下，应该是阻止了a标签的默认行为...