个人不足点总结

1. H5如何实现图片上传预览?

   <input type="file"/>	
   <img id="src" />
   复制代码

   $("input").on("change",function(e){
   	var file = e.target.files[0] ;
   	var reader=new FileReader();
           reader.onload = function(data){
   		var base64 = data.target.result ;
   		$("#src").attr("src",base64);
   	};
            reader.readAsDataURL(file);
   })
   复制代码

2. 数组如何去重排序？

       Array.from(new Set([2,5,3,8,2,8])).sort((a,b)=>a-b) ; //升序排列
       Array.from(new Set([2,5,3,8,2,8]))..sort((a,b)=>b-a) ; //降序排列排列
   复制代码

3. 如何垂直水平居中如何实现

   <div class="container">
       <p>我要水平垂直居中</p>
   </div>
   复制代码

   // 方式一
   .container{
       display:flex;
       justify-content:center;
       align-items:center ;
       height:100px;
   }
   p{
       display:inline-block ;
   }
   
   //方式二
   .container{
       position:relative ;
       height:400px;
       overflow:hidden;
   }
   p{
       position:absolute ;
       left:0 ;
       top:0;
       bottom:0 ;
       width:100px;
       height:100px;
       right:0;
       margin:auto ;
   }
   复制代码

转载于:https://juejin.im/post/5c7348f251882562c0497e62