个人不足点总结

397 阅读1分钟
  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 ;
    }