广州智算科技有限公司前端面试题

前言： 这是再绿地的一家公司，虽然小了一点，但是环境还不错，不过题目属实出的很简单，面试官感觉和自己年龄差不多，问了一些问题，大部分自己知道。

笔试题：

1、仔细说下盒子模型

答：盒子的主要属性有width,heigth,padding,margin,border组成
盒模型分为两种，标准盒子模型和IE盒模型（也叫怪异盒模型），标准盒模型与怪异盒模型的主要不同在于宽高的计算不同，标准盒模型的宽高主要就是width,height,而IE盒模型的宽高为：width+border+padding,height+border+padding。可以通过设置box-sizing来设置盒子模型：conten-box/border-box/inherit(继承)

2、垂直居中，知道宽高和不知道宽高：
答：两者都可以将其父盒子设置为display:flex;justify-content:center;align-items:center;
其他方法：
知道宽高(w:200px,height:200px)：
设置父盒子position:relative
设置子盒子：position:absolute;left:50%;height:50%;magin-left:-100px;magin-top:-100px
不知宽高：
设置父盒子position:relative
设置子盒子：position:absolute;left:50%;height:50%;transform:translate(-50%,-50%)

3、v-if和v-show的区别
4、解释一下数组的方法：pop,push,unshift,shift,split（这不是字符串的方法吗？）,join
5、浏览器性能优化（这里写了一些很简单的，我就不说了）
6、两道很简单的题，关于变量提升和typeof
7、解释一下MVVM
还有一些不记得了

面试题：
1、react和vue的区别
这里我主要答了
使用方式，jsx和模板
react和vue的生态
还有react主打灵活，vue主打轻量说起

2、说一下数组常用的方法？
这里我主要给他说了一些基本的比如，pop,push,shift,unshift,splice,slice,join,forEach,map,filter,reduce,some,every,find大概这些

3、问了下vuex的模块，以及分别是干什么的？
这里我说了主要的四个模块（原来有五个），但是英语名一时忘了。。。，这里总结一下
主要是有：

1. state：vuex的基本数据，用来存储变量
2. geeter：从基本数据(state)派生的数据，相当于state的计算属性
3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。
4. action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。
5. modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

4、http是什么，连接过程是怎么样的
5、强缓存和协商缓存
6、说下浏览器储存的方式，他们有什么不同点
这里说了localstore和sessionstore还有cookie
7、闭包与垃圾回收机制

hr面：
1、自我介绍
2、校园经历担任职务
3、你是22届的？
4、可以实习多久？每周出席几天？（这里他说了他们主要是要21届毕业的）
5、学习成绩怎么样，学的最好的是哪一科
6、怎么体现你学习能力强？

还有一些零零碎碎很简单的题忘记了，他们这个公司确实是我面试以来最简单的一家，但是他们hr说他们主要是想要找21届的