二战字节5.9 一面凉经

这是我最不理解的一次，有史以来发挥的最好的一次面试，什么问题都答了，tmd做完手撕自我感觉良好，周一一看一面挂，我是百度一生黑先说一下手撕，第一题是计算一个数组最大的连续非递减序列的长度 第二题是手撕Array.prototype.myreduce()1.自我介绍2.为什么学前端3.学习前端两个月的心得4.如果去做一个需求，但是从来没有学习过这个需求涉及的知识框架，你应该怎么入手5.如果是要让你去对一个技术框架或者技术做一个选型，你认为你会通过哪些方面去对比这些框架6.解释了一下上题答案（上手难度、性能、维护难度、社区成熟度、包体积），你认为这五点中最重要的两点是什么答的社区成熟度和维护难度，面试官稍微有些反馈，不知道有没有标准答案7.让你去对比两个框架或者是两种写法的性能，你会用什么方式去做它？8.项目是怎么做的，是跟着导师还是实习9.你是怎么学习的VUE10.介绍一下这个互动式论坛，这里边的路由守卫通过 token 来实现页面鉴权这个东西你是怎么做的被问了好多次这个问题，总结一下：
客户端使用用户名跟密码请求登录服务端收到请求，去验证用户名与密码验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里客户端每次向服务端请求资源的时候需要带着服务端签发的 Token服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证成功，就向客户端返回请求的数据在我们做用户权限认证的时候，每次请求都会将Token放在请求头中一起发送到服务器端，服务器端通过拦截器进行拦截校验，如果不存在Token、Token错误或者Token过期，则拒绝请求，有效则返回相应的返回结果。Token会失效，Token的有效期一般是由后端设置的，比方说在后端签发Token时给Token设置一个有效期，在字段里面写一个exp代表过期时间，后端在验证 JWT 时，会检查当前时间是否超过 exp，如果超了，就返回 401 Unauthorized。如果Token失效的话，那么对于关键资源的请求就会被服务器拒绝，所以这就实现了一个用户鉴权的效果。11.追问：Token会过期吗12.追问：Token过期了怎么处理？13.JS怎么实现面向对象的？14.手撕算法

自从上次字节面的一塌糊涂后，我都以为面评炸了。随再也没找过字节，这次找人内推，竟然约面了，还是业务中台

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～写了一些问题总结。1.背景介绍：自我介绍2.怎么看待前端可能被AI取代3.为什么学Vue没有学React技术问题：4.Vue的响应式是怎么实现的5.Vue组件是怎么通信的6.用pinia做全局的状态管理，跟直接写这种组件，比如说vue自带的一些状态的管理，他们的区别是什么7.为什么我们要用Promise- 追问：那你对这种异步编程是怎么理解的？为什么我们需要这种异步编程？它异步在哪里？8.那你觉得Promise和回调函数的区别是什么- 追问：比如说你请求一个接口，请求完之后可以传一个回调函数进去，让他接着处理后面那些逻辑。而Promis使用.then.catch这种方法。你觉得promise这种方法和回调函数直接把逻辑传进去最大的区别是什么9.讲讲XHR、fetch、axios的区别讲XHR是底层、fetch是更新用法、axios是封装- 追问：axios还有一个很明显的跟另外两个的区别- 没有回答出来，我说axios是基于promise的，面试官说fetch也是…- 正确答案：axios是浏览器和服务端都能用，fetch和XHR主要是在浏览器上用10.刚刚提到HTTP，那HTTP可以大概介绍一下吗？回答了TCP相关内容……面试官说http是基于TCP的封装，有自己的一套东西，比如说get、post这些http方法，比如说header这样的一个请求头的组成这些11.讲讲CSS的盒模型一顿输出，跑题了。12.讲讲inline-bolck和block的区别回答内部展示inline特性，外部展示block特性，宽高都可以设置。问宽度也可以设置？回答可以。13.flex和bolck的区别甚至忘记了“弹性盒”这个词，还在说什么主轴、纵轴14.CSS选择器有哪些？优先级是怎么样的？同时使用很多个选择器，优先级是怎么判断的15.JS有哪些数据类型？这些数据类型怎么在代码中进行判断？16.判断类型有哪些方法？17.es6相比es5多了有哪些语法18.箭头函数和普通函数的区别是什么回答1书写方式 2this指向- 19追问：似乎想让我说的是其他部分，难受我操的- 20追问：如果想改变普通函数的this指向，有哪些方法：call，apply，bind，有什么不同，bind的用法忘了- 21追问：箭头函数和普通函数还有一个比较重要的区别：没答上来，答案是箭头函数不能用作构造函数（忘记了。。。）22.常用的数组的方法有哪些？手撕：两数相加 梦的起点leetcode 1用对象（object/set）的话，可以把值当作key，先循环一次把数据存到对象里，key和value可以设成一样的值。然后再遍历一次，用目标值减去当前值，比如把2、7、11、15存到对象里后，遍历的时候计算9 - 2是否等于7，再去对象里用这个差值作为key查找，就能知道结果了。反问改进：因为你学习前端的时间比较短，目前很多概念理解得还不够深入，有些都混淆了。而且从刚刚答题情况看，你JS代码写得可能也比较少，像刚才那道题，JS写得多的话应该很快就能想到用对象来优化。所以我建议你先沉淀一下，不要着急练习项目。现在才刚起步，要把基础打牢。另外，我不太建议你现在学Vue，更推荐学react。像字节跳动，整个集团都主要用react开发，而快手、美团这些公司可能Vue用得更多，你可以根据自己未来想去的公司来选择。还有HTTP相关知识，和TCP的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。

看到这些话一定要知道的另一层含义1.当五险一金都写进福利时：意味着这个公司将会按最低标准缴纳，且没有其他福利。2.弹性工作时间：意味着上班是不能迟到的，下班是不定时的。3.要求能够吃苦耐劳：有一定概率出差，出差环境可能不是很好。4.福利极多：（有咖啡零食下午茶，夜宵报销）大概率是加班的，除了少数企业是真心把员工当人看。5.偶尔有培训：培训（也可能是开会）意味着下班之后培训或者假节日培训。6.薪资5K-10K，有提成：薪资有范围，则取最低值，剩下只能通过大量加班和大量项目获得。7.工资面议：大概率是工资低，直接挂出来怕没人去应聘。还有就是挑人下饭，看你水平压低工资。8.面试完回去等通知：60%几...