小米前端开发实习生一面

前言(可以不看)：主要是人生中第一次面试，很紧张，可能很多问题都答得不算很好，就当是为以后长经验了，已经受到二面通知了~

css部分

• 盒子模型
• flex布局
• 写一个垂直居中
  • 可以使用table-cell来实现

  <div class="cover">
  	<div class="box">
  		<div class="content">
  		</div>
  	</div>
  </div>
  	.cover{
  		width: 300px;
  		height: 300px;
  		display: table;
  	}
  	.boc{
  		display: table-cell;
  		vertical-align: middle;
  		text-align: ecnter;
  	}
  	.content{
  		width: 100px;
  		height: 100px;
  		display: innline-block;
  	}
  

  • 子元素宽度和高度已知

  	.box{
  		width: 300px;
  		height: 300px;
  		position: relative;
  	}
  	.content{
  		width: 100px;
  		heigth: 100px;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		margin: -50px 0 0 -50px; //将margin-top设置为子元素高度的-一半，margin-left设置为-宽度的一半
  		// transform: translate(-50%, -50%);
  	}
  

• 移动端方面(H5)然而我不会，所以就再没有问了~
• 写一个左边固定右边随着屏幕大小变化的div或者其他的都可以，左边200px,右边不固定

div_shuo{
	 	height: 100px;
	 	width: auto;
	 	background-color: red;
		margin-left: 100px;
	 }

• 使用css实现背景图片铺满屏幕

---

js部分

• 基本类型
• es6了解哪些
• let，const和var的区别
• promise实现一个setTimeOut()，1s后打印2，俩秒后打印1

---

框架部分

主要问的是react

react的生命周期函数
react-redux记不清了

---

总的来说面试的问题还是比较简单的，毕竟是寒假实习，所以~~，多积攒点经验