22届春季校招实习试水之路3（前端/后端）

写在前面

被搜狐鸽了offer，又因为贝壳hr面表现不好错过机会，我真的心累了。六月底迎来考试周，在牛客的面经被大佬看见，内推了字节抖音。我知道自己几斤几两，但人总要有一些大胆尝试的冲动。总之，面试与期末齐飞，前端共质量测试、系统分析、体系结构一色，我紧锣密鼓冲刺学了一周前端，中间还夹带着些许的期末考试复习，上了战场。

时间线记录

6.18 字节抖音前端内推投递

6.25 字节前端一面[已挂]

6.27 牛客投递

通过内推链接或邮箱投递：

快手前端实习生（电商生态）
蚂蚁金服前端实习生
便利蜂前端实习生
猫眼前端实习生

实习广场投递：

网易有道前端实习生
好未来前端实习生

（虽然都是通过联系内推投递，但可能是简历改得不好，基本上都石沉大海没有消息，除了便利蜂直接给我推了校招笔试的链接，唯一一个打电话联系我的是网易有道，但却被我错过了，而且没法回拨。血的教训，以后手机不能一直开静音了！）

7.6 便利蜂前端校招笔试

7.6 科大讯飞后端内推投递

7.9 科大讯飞后端面试[已offer]

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']]

反问

反问这块简直是我的噩梦，其实前面我也感觉自己说得可能不是太好，但面试官没有怎么表现出来，他一直说不用紧张、没关系，所以我没有感觉到什么。但反问的每个问题，他给我的回答都让我觉得他在传达“赶紧结束吧”。虽然我是表现得不好，但……唉还是很难过的。

你们这边的业务是？可以介绍一下吗（抖音xxxx相关，你之后有机会来的话就知道了）
点评面试表现。（他反问：你觉得你表现得怎么样？我说：就一般吧。他说：我问的都是你简历上写的，你再熟悉一下你简历上的内容吧）
可以评价一下你们这边的工作氛围，或者说说你们的企业文化吗？（他说：这些问题你和hr交流吧。）（呃。。。哈哈，嗯，都懒得敷衍我咯！好的。）

7.9 科大讯飞后端面试 - 腾讯会议语音35min - 已offer

舍友在科大讯飞找了实习，base北京，业务主要是智慧医疗。刚好组里有个实习生没来，就有岗位空缺。这个岗位是做后端的，让我来试一下。之后部门也可能开前端线，如果有机会的话希望能转到前端吧。

自我介绍（说了比较擅长java）
java相关的项目？（因为之前一直在准备前端面试，java项目虽然做过，但临时面后端没有准备）
正则表达式有用过吗？
有刷力扣吗？你觉得你的解题能力之类怎么样呢？比如说做一道题平均要多久？
设计模式这一方面你了解的是什么？（创建型、结构型、行为型，分别举了几个例子）具体的你有实现过吗？比如说工厂模式。没有实际在代码里用过是吧，那你用过别的吗？（单例模式）说一下具体的实现。（说了线程不安全的）有没有了解过更复杂的怎么实现呢？（双重检查锁）
数据结构这块，哈希表你有了解过吗？如果有哈希冲突怎么解决呢？（链地址和开发地址法）
面向对象你了解吗？说一下基本概念和重要特性。java和c++的面向对象有什么异同？（不知道有什么区别。。）你们项目或者工程里面有用到面向对象？
java垃圾回收有了解过吗？（这里不太记得了，只说了引用计数法）垃圾回收是一个个回收还是隔一段时间回收？
socket通信有了解吗？
数据库方面，除了mysql还用过别的吗？比如说redis。有没有考虑过为什么用这个而不用mysql？就是你们是怎么选择的呢？（这里我说到了我们小学期正在做的项目，没有写在简历上的）
git是怎么使用的？是进行团队协作的吗？和别人协作，共同管理一个仓库有用过吗？产生冲突的时候怎么解决？比如说，昨天你修改完代码提交了，另一个人基于你的代码也进行了修改提交，你今天工作的时候发现有冲突，你处理的流程是什么？（先pull拉下来，解决冲突，然后push）你们用过分支控制吗？就是master分支以外的其他分支，你这个文件在这个分支上改了，你要提回到master上，要怎么做？（merge或rebase）那你们一般什么时候会切分支使用呢？
你们平时有做单元测试之类的吗？
你们做项目一般是什么流程，你刚刚提到了先做需求分析之类的。
开始聊小学期做的项目，不过没有怎么深挖。比如怎么分工的，做多长时间，你认为老师最关注的部分是什么？没有数据怎么做的个性化推荐？
闲聊。打算考研吗？机器学习相关的有了解吗？线代、概率论这些你学得怎么样？你平时有看一些开源项目或者博客吗？
反问。去到以后要做什么工作呢？（业务开发类型的，看你的意愿）

面了好久总算有个offer了，虽然岗位不是特别匹配，待遇感觉也比较一般，转正率不高，但听说部门氛围很好。明天就入职，接下来打算一边暑期实习一边准备前端秋招了~