美团厦门到店事业群前端一面

第一次面试, 在牛客上面, 不懂怎么录屏, 只能靠回忆了, 面了一个小时, 前半个小时问问题, 后半个小时写算法....(没写出来, 上学期学数据结构的早忘了)

全程没问项目, 可能是项目太垃圾了吧....

1. 自我介绍
2. 问了一些关于二学位的问题，问二学位毕业还算不算应届生 o(TヘTo)
3. 怎么学习前端的
4. 对未来的规划, 答的成为中级前端工程师, 然后问你要怎么付诸行动, 答不知道 （；´д｀）ゞ....

八股文部分

1. 介绍一下 TCP 和 UDP
2. 四次握手报文有哪些, 答不出来, 什么 FIN, ACK 啥的, 没记住是哪个过程的, 就知道有这些报文
3. http1.0/1.1/2.0 的区别, http1.0 能否使用长连接, 这里背串了, 以为 connect:keep-alive 是 http1.1 的, 就说不知道 （；´д｀）ゞ
4. 介绍一下死锁, 答了两个进程相互拥有对方需要的资源, 面试官问还有吗, 答了不知道, 只能说太菜了...

1. 一个资源每次只能被一个进程使用
2. 一个进程因请求资源而阻塞时, 对已获得的资源保持不放
3. 进程已获得的资源, 在未使用之前, 不能强行剥夺
4. 若干进程之间形成一种头尾相接的循环等待的资源关闭

CSS 部分

1. margin-top padding-top height 哪个能够使用百分比, 答了 height , 剩下两个忘记了, 其实也能

2. margin: auto 是什么效果, 答的居中, 又问了 margin-left: 10px; margin-right: auto 什么效果, 答的右边会占满, 自动变化

3. 介绍一下盒模型, 答的标准盒模型和怪异盒模型

4. 下面的啥效果, 答的背景会在边框的下边, 面试官说也就是背景大小是 2+10+10+10+2 是吧, 答的是....

   height: 10px;
   padding: 10px;
   border: 2px dash red;
   background: blue;

5. 伪类和伪元素的区别? 答的伪类和 class 类似, 表示元素的一种状态, 如 hover active 等, 伪元素类似 dom 元素, 会占用空间

6. :nth-of-type 和 :nth-child 区别? 不知道怎么表达, 可以看这里

vue 部分

1. 介绍一下双向绑定的原理, 答的发布-订阅+getter和setter, 答得不好, 不懂怎么答
2. Vue 组件的生命周期有哪些? beforeCreate, created, beforeMount, mounted...
3. Vue 中父组件和子组件的生命周期执行顺序, 没答出来, 一年前学的 vue, 早忘了

父组建： beforeCreate → created → beforeMount
子组件： → beforeCreate → created → beforeMount → mounted
父组件： → mounted

js 部分

1. 看代码答题

function A() {}
const a = new A()
a.constructor === ? // A
a.__proto__ === ? // A.prototype
a.prototype === ? // undefined

2. new 的过程, 答得先创建一个空对象, 然后把构造函数的原型绑上去, 执行构造函数, 如果构造函数是对象就返回, 不是就返回空对象

算法

不用递归实现中序遍历, 只能说上学期还写的博客呢, 这学期已经想不起来了

o(TヘTo) 写了半个小时, 555

反问

没有实习对秋招影响大吗?

面试官: 实习只是加分项, 不是必须的, 我们更看重应届生计算机基础和前端的基础