keep前端3面面经

一面：

1.js或者dom的几种方式

2.对es6有了解吗？简单说一下es6的特性

3.看你用过react说一下react的生命周期？

4.react的如何获取到dom？refs用过吗？

5.react中key有什么作用？

6.说一下css的盒子模型，如何设置一个div为怪异盒子？

7.写一个动画，一个盒子先向右移动20px,然后向左边移动20px

setTimeout(function(){
    console.log(2);
})

new Promise((resolve,reject)=>{
    setTimeout(function(){
         resolve(3); 
    })
}).then((res)=>{console.log(res)});

	setTimeout(function () {
    console.log(2);
})

new Promise((resolve, reject) => {
    resolve(3);
}).then((res) => { console.log(res) }); 

		
		
		

			var obj = {
        type : 'ul',
        props : [{className:'box'},{id:'ul'}],
        children:[{
            type: 'li',
            props : [{class:'on'}],
        },{
            type: 'li',
            props : [{class:'on'}],
        }]
    };
		

<ul class="box" id="ul">
    <li class="on"></li>
    <li class="on"></li>
</ul>