阿里前端面经

阿里巴巴一面---盒马

全程没有提过项目，但是经常会考察实际场景题。

1.介绍一下为什么选择前端

2.你说你团队的学长会经常跟你们讨论一些新技术新方向，举个实例详细说说

3.哦，你说你学长最近提到过vite是吧，那你讲讲vite和webpack区别吧

4.vue双向绑定原理

5.探讨Proxy函数和reflect对象

6.vue是怎么知道一个数据在页面中改变了，而其他位置不变的。（我从smatache语法讲到data函数定义，讲到diff，他说不是，他想要表达的是依赖收集的问题（但是我在双向绑定中其实提到过了）），最后也没清楚他想问什么

7.中间有很多忘记了

8.ok这边觉得你基础还可以，那时间差不多了例行问问八股吧

​ 1.http状态码

​ 2、提到了304的缓存重定向，那你讲讲强缓存和重定向（这里提到了阿里实际项目中用CDN的哈希值来做强缓存的手段）

​ 3、如果你做一个项目在各个阶段你会使用到的跨域手段（这里要求细说了cors的时候，用到的字段情况，比如orgin啊..什么什么的）

​ 又忘记了

​ 9.CSS了解吧，flex布局场景题

<div id="parent">
	<div id="child">left</div>
    <div id="child">bottom</div>
    <div id="child">right</div>
</div>

要求：左右两个子bottom要固定宽度150px 中间自动填充

我说：parent开flex然后左右设置150px宽度，中间flex：1，面试官说不对,在窗口缩放很小的时候可能宽度会变小

正确思路：左右两个不仅要设置150px，还要设置flex-shirnk:0防止缩小。

​ 10、grid布局知道吗

​ 听过，没实际操作过。

反问

阿里巴巴二面

1.讲讲怎么学习前端的

2、你说你学长这些都是学习React的，那你为什么会选择Vue？

3、如果项目中有人退出怎么办

4、如果后端找不到同学了怎么办

好像没答到点子上，然后就很快结束了。