2022秋招前端面经回馈社区（以及自己的一些感受和思考）
=================（三更：20220421）==================
个人在这个社区收获许多，学生时代这个副本即将通关🤯 写个经验贴留给后来人
各个公司（我比较喜欢总结归纳 所以面经还挺多的）更多详细的面经在我的电脑上，由于篇幅太多，就不一一展开了，有兴趣的小伙伴可以私聊我或者加我vx要也行，
另外 我最近在学后端技术 努力成为一个全栈工程师 有感兴趣的小伙伴也可以加我鸭~
另外的另外，，互联网最近裁员潮一浪高过一浪，下一届的学妹学弟们不能在无脑入场了 非要入场的话 我觉得SRE是一个可以考虑的选择，因为大厂裁员不外乎是因为增长见顶降本策略之卸磨杀驴 然而SRE总是需要的
==============================
吾之蜜糖 彼之砒霜 按需服用 效果更佳
==============================
主观面试感受（全部都是带入个人感受 完全不客观 哈哈哈哈哈哈哈哈哈）如下：
字节： 字节给人的感觉就是很硬核 （no BB , Show me the code）一面二面三面几乎全程敲代码，HR小姐姐似乎和我是一届的，，态度特别礼貌。
阿里-阿里云事业群： 一二面面试官情绪感觉比较压抑和抑郁的样子 估计是为了捞我提示我耗尽了心血hhhh，前两面基本就是计算机基础&前端八股+手写（LeetCode原题或者原题变种+场景题基本就必写一个组件（可以用React或者VUE）+看输入说输出），第三面高P大佬压力面扣项目，最后，早就听说阿里的HRG难过，本来已经做好被PUA的准备了，小姐姐居然这么端庄美丽礼貌大方，谈吐让人闻弦知雅意。（是真的大美女啊！！）
美团-到家事业群：前几面技术面试官很有生活气，好活泼，但是提问题真的一针见血，HR面让我重新认识了什么叫做天上天下唯我独尊。
拼多多：感觉和字节有的一拼吗，，，不，，是比字节还硬核，全程写代码，间歇随便问一个八股都是非常有深度的追问，以前总是拿PDD开玩笑，原来PDD快速发展壮大到现在是有道理的。我赚钱了一定买他家的股票，拼着买才便宜YYDS！！！！
小米-自动驾驶：一面面试官蛮有趣的 面完主动加了我微信 继续跟我探讨面试中的一些问题。二面面试官一开始不太想理我直接丢了一个LeetCode-hard想刀我，天可怜见，这道题我刷过5次，被我反杀，然后用了一个多小时介绍了自动驾驶部门这个赛道，当时还挺心动的。
虾皮：一面面试官是婴儿肥的大帅哥可爱有耐心，二面面试官像一尊笑眯眯的弥勒，HR面小姐姐是最年轻的还染了红色头发。
小鹏-自动驾驶：一二面和大厂规格差不多，，看来造车厂的面试官也卷起来了，最后加面了技术总监感觉也是古道热肠，最后发了貌似这届小鹏秋招这个岗最大的包，内心诚惶诚恐（感觉车企真的不差💰）。
最后拿了阿里云+美团+小米+虾皮+小鹏的offer
（剩下没拿到offer的厂，，原因很简单，我太菜了 或者 太累了，拒掉了后面的流程Q_Q）
⭐️一个小型秋招收割机成就达成⭐️
=====================================================
首先来一套字节，，，
（上海视频架构一面）
● 构造函数做了什么，代码实现一下 ● 说一下变量提升底层原理 ● 手写usefetch
判断2个盒子的高度
<!DOCTYPE html>
<html>
<head>
<style>
.box {
width: 10px;
height: 10px;
border: 1px solid red;
margin: 2px;
padding: 2px;
background: blue;
}
#borderBox {
box-sizing: border-box;
}
#contentBox {
box-sizing: content-box;
}
</style>
</head>
<body>
<div>请问下面两个 div 元素，蓝***域的宽高各是多少像素？</div>
<div id="borderBox" class="box"></div>
<div id="contentBox" class="box"></div>
</body>
</html>
合并两个已排序数组要求说出两种方案&给出时间复杂度并实现
封装带有超时（重试）机制的异步请求工具函数
（上海视频架构二面）
二面还有一些常规手写题目没有录音记不清楚了
（上海视频架构三面）
路径总和 手写bind
// JS实现一个带并发限制的异步调度器Scheduler，保证同时运行的任务最多有两个。完善代码中Scheduler类，使得以下程序能正确输出
class Scheduler {
constructor() {
this.count = 0;
this.stack = [];
}
async add(promiseCreator) {
//请实现这个方法
}
}
const timeout = (time) => new Promise(resolve => {
setTimeout(resolve, time)
})
const scheduler = new Scheduler()
const addTask = (time, order) => {
scheduler.add(() => timeout(time))
.then(() => console.log(order))
}
addTask(1000, '1')
addTask(500, '2')
addTask(300, '3')
addTask(400, '4')// output: 2 3 1 4
// 一开始，1、2两个任务进入队列
// 500ms时，2完成，输出2，任务3进队
// 800ms时，3完成，输出3，任务4进队
// 1000ms时，1完成，输出1
// 1200ms时，4完成，输出4
// 对输入的字符串，去除其中的字符'b'以及连续出现的'a'和'c'
// 例如：
// 'aacbd' -> 'ad'
// 'aabcd' -> 'ad'
// 'aaabbccc' -> ''
// 不允许使用类似string.replace函数。要求时间、空间复杂度尽量优化
function _firter(s) {
let stack = [];
for (let i = 0; i < s.length; i ++) {
if(s[i] === 'b') continue;
if (stack.length) {
if (s[i] === 'c' && stack[stack.length - 1] === 'a') {
stack.pop();
continue;
}
}
stack.push(s[i]);
}
return stack.join('');
}
let a = 'aaabbccc';
let r = _firter(a);
console.log(r); ------------------------------------
以后估计不会再频繁登录牛客，
感谢牛客网中分享面经笔经的前辈们。
======================================
即将进入👷🏻♂️副本 是时候说👋🏻啦
“再见！ 那个曾经软弱 稚嫩 不堪一击的自己”
#面试复盘##校招##美团##字节跳动##Shopee##阿里云#
投递美团等公司10个岗位