首页 > 字节跳动前端一面+二面+三面面经(无)
头像
Greatiga
编辑于 2020-10-28 12:43
+ 关注

字节跳动前端一面+二面+三面面经(无)

字节跳动前端一面 1h

  • 自我介绍

  • Flex布局,实现两个子元素垂直,并且一个靠右一个靠左

 <div class="parent">
    <div class="left"></div>
    <div class="right"></div>
 </div>
  • css代码
.parent {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 400px;
   border: 1px black solid;
}
.left {
   width: 100px;
   height: 150px;
   border: 1px red solid;
}
.right {
   width: 100px;
   height: 150px;
   border: 1px green solid;
}
  • JS基本数据类型
  • 闭包
  • 你说到了作用域链,那么你来谈一下作用域?
  • 说到了执行上下文,所以又问了执行上下文
  • 继续深入问到变量提升、词法作用域、动态作用域
  • 看一点相关的题目吧
console.log(foo);
function foo(){
    console.log("foo");
}
var foo = 1;

输出
//ƒ foo(){
//    console.log("foo");
//}
var value = 'tom';
function foo() {
    console.log(value)
}
function bar() {
    var value = 'bob';
    foo();
}
bar();

输出
//tom
function foo() {
    return function() {
        console.log(this)
    }
}
foo()(); 

输出
//window

var foo = {
    bar: function () {
        return this;
    }
}
foo.bar(); 

输出
//{bar: f}
  • http的请求方法
  • http常见状态码
  • TCP 和 UDP区别
  • 为什么浏览器的请求有两次,一次options,第二次才是真正请求?哪些场景用到
  • 模拟一个队列
  • 数组扁平化?至少两种方法实现
  • 反问

字节跳动前端二面 1h

  • 问了项目中的D3.js
  • 前端展示统计图或者一些复杂的图片是用图片好还是svg生成,这两种方式的优缺点,以及如何做取舍
  • 最近出了 Vue 3.0,有了解过它与 Vue 2.0 的区别吗?
  • Vue 3.0 的 Composition API 有了解吗?
  • Css画圆有哪些方式?
  • 如何知道某个dom元素是否在当前可视窗口呢?
  • scrollTop如何获取?
  • Css的position的常见属性,sticky用过吗?
  • Promise说一下
  • Promise.all用过吗,自己用promise封装一个Promise.all?要求每一个promise能并行执行,并且要保证最后的回调参数顺序与执行顺序一致(解释:每个 promise 封装的请求不一定会按照调用顺序得到响应,可能后面调用的比前面的要快,但一样要保证最后的顺序是按照调用顺序的)
  • 写一个题吧
const obj = {a: {b : {c : {d: 3}}}}

function getValue(obj, str, defaultValue) {}

getValue(obj, 'a.b.c.d', 1) => 3 (存在该属性返回该属性对应的值)

getValue(obj, 'a.b.c.d.e', 1) => 1 (出现错误返回传入的默认值)

改动,能处理数组

const obj_1 = {a: {b : {c : {d: [{e : 4}]}}}}

getValue(obj_1, 'a.b.c.d[0].e', 1) => 4
  • 改动前的代码实现(不一定对,望大家给个建议)
function getRightValue(obj, propertyString, defaultValue) {
  let str = propertyString.split('.');
  for(let i = 0; i < str.length; i++) {
      if(obj.hasOwnProperty(str[i])) {
          obj = obj[str[i]];
      } else {
          return defaultValue;
      }
  }
  return obj;
}

const obj = { a: {b: {c: { d: 3 }}}}

console.log(getRightValue(obj, 'a.b.c.d', 1))
  • 改动后加上了数组,所以细节要处理好,我当时卡壳了没弄出来

  • 反问

  • 别的暂时想不起来了,等想起来在补充

  • 面试官很 nice,有耐心,会给你仔细讲解出现的问题

  • 发面经回馈牛客,希望能有一个三面,小伙伴们也加油!

2020-10-15 更新

  • 果然写面经回馈牛客是对的

  • 今天下午打电话约三面了,呜呜,第一次进到三面,愿顺利!

  • 小伙伴们也加油!

2020-10-21 更新

字节跳动前端三面 35min

  • 前两次的面试感觉怎么样?
  • 通过之前的面试觉得自己还有哪些问题?
  • 说一下你认为做得好的一个项目,遇到了些什么问题?
  • 说了一个项目,然后接下来大部分时间都是围绕这个项目交流
  • 问了自己更偏向于实习还是正式,然后自己回答:优先考虑正式 offer,如果达不到正式批要求,给一个实习 offer 也可以??哈哈哈我太天真了,,,
  • 反问了具体的业务,还有自己有待提高的地方

因为自己没有实习经历,项目都是自己写的,一下子想不出什么难点,只是简单聊了一些功能实现。所以建议大家以后聊项目时,有好的实习经历,就说一下实习的项目,没有实习只有自己项目的,也要往自己项目里面添加一些亮点(难点)。面试之前也要梳理好自己的项目,不然面试一下想不起来细节就尴尬了,别像我一样,,,呜,,,

楼主今年3月份了才开始正式学习的前端(之前只知道html、css这些),所以春招也没找实习,秋招就很艰难,自己的同学中都有拿了 sp 的。之前我都不敢投字节的,因为太菜,后来颤颤巍巍投了一下,但是居然撑到三面,这就很出乎我的意料了。

  • 发面经回馈牛客,许愿自己能有 offer。也希望跟我一样还在努力的小伙伴们早日上岸!

2020/10/28 更新。已卒。。

  • HR那边很负责,已经尽力帮我争取了,但是奈何本人技术太菜,先是从正式变成实习,然后那边的面试官讨论之后觉得还是差一点,所以实习的机会也没了,另外的一个offer也不满意。就此秋招也算是画上句号了,一个失望与遗憾并存的句号。可是你说我会放弃?no,我真的喜欢前端,即使找不到工作我依然会学习它。等春招,我或许还会回来的。

更多模拟面试

全部评论

(16) 回帖
加载中...
话题 回帖

推荐话题

相关热帖

历年真题 真题热练榜 24小时
技术(软件)/信息技术类
查看全部

近期精华帖

热门推荐