好未来

 一面：主要考了css3和h5的新特性，

1、例如给一个正方形，然后实现一个正方体（圆的话呢）。

2、布局的问题：实现水平垂直居中的好几种方式越多越好。

3、然后还有跨域的方式：postmessage()方法的一些使用注意点。

4、然后格式化一个时间‘YYYY--MM--DD’.

5、js的设计模式；然后设计一个event类型，包含一个on（）方法，和一个emit方法。

6、vue中的computed属性使用的时候有啥注意的吗

7、vuex使用过吗

8、你解决问题的方式是怎样的

9、用canvas画一个圆环

10、http2有了解么

二面：也是一些css3和h5的新特性

1、h5都有哪些新特性

2、css3都有哪些新特性

3、用canvas来画一个图的话，简单说一下里面都有什么方法

4、0,1，‘ ’，null，undefined，[]，{}哪些是false哪些是true

5、‘120’---->‘02:00’     ‘121’------>‘02：01’

function translate(second){
     	var hour=parseInt(second/60/60)%24;//小时
     	if(hour<9){
     		var Hour='0'+hour;
     	}
     	var min=parseInt(second/60)%60;//分钟
     	if(min<9){
     		var Min='0'+min;
     	}
     	var sec=parseInt(second)%60;//秒
     	if(sec<9){
     		var Sec='0'+sec;
     	}
     	console.log(Sec)
     	console.log(Hour+':'+Min+':'+Sec);
     }
     var second=121;
     translate(second);

6、画一个三角形

画一个实心的：利用border的上下左右的边框来画图，有几条边就画几条。

下面是向上的实心三角形：

#triangle{
                width:0;
		height:0;
		border-left:30px solid transparent;
		border-right:30px solid transparent;
		border-bottom:30px solid red;
     }

下面是直角三角形：利用上边界或下边界为实，左边界或右边界为transparent就可以了

#triangle{
                width: 0; 
		height: 0; 
		border-top: 100px solid red; 
		border-right: 100px solid transparent; 
     }

 下面是一个圆：利用border-radius属性

#triangle{
                 width: 100px; 
		height: 100px; 
		border:1px solid black;
		border-radius: 50px;
     }

下面是一个椭圆： 一定要利用高度和宽度

#triangle{
       width:200px;
       height: 100px;
       border: 1px solid red;
       border-radius: 100px/50px
     }

 下面是一个冒泡会话框：

	* {
  margin: 0;
  padding: 0; }
 
#triangle {
  width: 300px;
  height: 150px;
  background: orchid;
  margin: 0 auto;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  position: relative;
  border: 10px solid orchid;
  /*此处的边框大小会影响第二个三角形到顶部的偏移量，一般是1.4倍*/ }
 
#triangle::after {
  content: '';
  position: absolute;
  top: 150px;
  left: 120px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid orchid; }

7、node用过么 和native有啥区别

8、IE8的兼容性做过吗