4.27 下午四点 字节跳动 懂车帝

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～
写了一些问题总结。

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的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。