字节抖音前端实习一面凉经（6.25）

人总是要做些胆大包天的尝试（滴汗.jpg）。总之，在面试与考试齐飞，前端共期末一色的日子里，我又紧锣密鼓冲刺了一周前端，上了战场，然后惨挂了。

base上海的抖音前端，6.18投递内推（感谢内推的小哥），6.25牛客视频一面60min。

自我介绍+项目相关

你提到你学过web前端开发技术这门课程，那这门课程主要是讲什么的呢？
你是怎么自学前端的呢？有关注比较前沿的前端技术吗？
我看了一下你的第二个web3D的项目，这个项目登录模块是怎么实现的呢？
第二个项目，上传文件这个部分是怎么实现的呢？（我感觉很多面试官都对我的web3D项目很感兴趣，但是这个项目我没有做很多东西，重要的部分也不是我实现的，完全说不出个所以然，后来我就把这个项目去掉了）
第一个项目，你们登录的用户信息是怎么保存的呢？cookie还是token？
第一个项目，你提到你解决了布局错乱的问题，具体是什么问题，怎么解决的呢？
你们用到了webpack，说下webpack是什么，有什么优点？用到了什么loader？

计算机网络+操作系统

你学过计算机网络吧，说说七层模型每层分别是什么？
你简历上写的了解一些网络协议。TCP是哪一层的？这一层还有什么协议？TCP和UDP的区别是什么？什么情况下用到TCP，什么情况下用到UDP，举一些例子？
HTTP是哪一层的，你了解HTTP和HTTPS的区别吗？SSL/TLS是什么，起了什么作用，怎么保证安全的？
HTTP1.0和2.0的区别了解吗？
你写了解浏览器的基本工作原理，那说说在浏览器从输入url到页面显示的过程中发生了什么？
进程和线程有什么区别？
说说浏览器的多进程

前端知识

JavaScript有哪些数据类型？
说说JavaScript里的堆和栈
下面这个str1，str2，str3如果用===来判断，是true还是false？
```
var str1 = 'abc';
var str2 = String('abc')
var str3 = new String('abc')
```
css的盒子模型说一下？box-sizing有哪些？
说说原型链。实例和类的原型链关系，Function和Object的原型链关系？

前端似乎还问了一些，但我不太记得了。

Git

你说用到过git，有哪些命令？
merge和rebase的区别是什么？

算法题

为Array实现一个Reader

为Array实现一个Reader，通过接口getReader获取，Reader有一个接口read(n)

每次调用会按顺序读取数组的n（默认为1）个元素
调用不会改变数组本身的值
若数组已全部读取完则返回空数组
若传入的参数不为正整数则抛出异常

interface Reader {
    read: (s: any) => any[],
}

Array.prototype.getReader = function() {
    // 在这里写答案
} 
// example 
const arr = [1, 2, 3, 4, 5, 6]; 
const reader = arr.getReader();
console.log(reader.read('1')); // Error
console.log(reader.read(-1)); // Error
console.log(reader.read(1.5)); // Error
console.log(reader.read()); // [1]
console.log(reader.read(1)); // [2]
console.log(reader.read(2)); // [3, 4]
console.log(reader.read(3)); // [5, 6]
console.log(reader.read()); // [] 
console.log(arr); // [1, 2, 3, 4, 5, 6]

JS实现array_chunk函数

将一个数组分割成多个数组，其中每个数组的单元数目由 length 决定。最后一个数组的单元数目可能会少于 length 个。

示例:

const a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];

chunk(a, 4);

结果：

[['a', 'b', 'c', 'd'],['e', 'f', 'g', 'h']]