【字节跳动前端面经】用六个小时结束秋招（offer）

更新：意向书已发。

背景：腾讯实习中。
本人前端博客/更多面经

字节跳动 一面

1. 自我介绍，介绍项目。

2. 几个小题目，看代码说结果

3. [] == ![]和[] == []的值（事后发现自己完全答反，万恶的隐式转换，神奇的JS）

4. new 操作符原理

5. 盒模型 content-box和border-box

6. display:none;visibility: hidden;opacity:0的区别

7. 事件模型，看代码说结果

8. 状态码301，302，304

9. 知道referer头部吗，直接请求服务器时refer是多少，顺便聊了其在CSRF中的作用

10. CSS动画，transition和animation，哪一个性能更好

11. Koa和Express的区别，以及Koa中间键的原理

12. Vue的v-model的原理，Vue实例是怎么拿到data属性的

13. Hash和History模式的区别，原理

14. React的Fiber的原理，知道怎么实现的吗，是否了解Hook的实现原理

15. 聊了一下Redux和React-Redux

16. 给定一个字符串，输出该字符串所有排列的可能。如输入“abc”，输出“abc,acb,bca,bac,cab,cba”。

    function fullpermutate(str) { var result = []; return result;} 

17. 多行字符串转二维数组

    const str=` 1 21    3
     4 5  6
    7   8 9 ` [ ['1', '12', '3'], ['4', '5', '6'], ['7', '8', '9'], ] 

18. 获得页面所有节点数

19. 有什么问我的吗

字节跳动 二面

1. 聊了一下项目

2. 算法题。判断堆栈的出栈顺序是否合理。

   validStack(inArr, outArr) 

3. 两个同域的页面之间的通信。postMessage，storage（之前没了解过，原来这个可以监听的？）

4. 如何统计用户的浏览时长，要考虑到用户会切换页面，缩放页面等。多个点进行上报时，如何区分这些数据来自于同一个会话？

   https://yq.aliyun.com/articles/635301

5. 实现一个sleep方法

6. 函数防抖，函数节流

7. HTTP和Websocket的联系

8. 重排，重绘，合成层

9. 了解过puppeteer吗

算法比较拉跨...

字节跳动 三面

1. 自我介绍

2. 聊项目的一些东西，难点啥的，解决方案。

3. 写代码。倒计时 截止时间 2020年11月11日 0点

   显示 “剩余XX天XX时XX分XX秒”

   每秒刷新一次

4. 怎么学习前端的，聊一下接下来的打算

字节跳动 HR面

基本都是聊家常了。

感受

一口气面完就是刺激，体验很好。