實現(xiàn)一個小盒子在另一個大盒子里面水平垂直居中
方法一：彈性盒子
<div class="box1">
<div class="box2"></div>
</div>
.box1 {
width: 100%;
height: 500px;
background-color: pink;
/* 方法一：flex彈性盒子 */
display: flex;
justify-content: center;
align-items: center;
}
.box2 {
width: 200px;
height: 200px;
background-color: skyblue;
}
方法二：絕對定位
.box1 {
width: 100%;
height: 500px;
background-color: pink;
position: relative;
}
.box2 {
width: 200px;
height: 200px;
background-color: skyblue;
/* 絕對定位 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
方法三：彈性盒子窿凤，外邊距自動
.box1 {
width: 100%;
height: 500px;
background-color: pink;
display: flex;
}
.box2 {
width: 200px;
height: 200px;
background-color: skyblue;
margin: auto;
}
列舉數(shù)組的遍歷方法并簡述用法雳殊，最少5個
foEach——遍歷數(shù)組
map——指定條件處理數(shù)組元素，返回由處理過后的元素組成的新數(shù)組
filter——篩選出滿足指定條件的數(shù)組元素夯秃，返回滿足條件的元素組成的新數(shù)組
some——判斷數(shù)組中的元素是否滿足指定條件仓洼，只要有一個滿足就返回true
every——判斷數(shù)組中的元素是否滿足指定條件，只要有一個不滿足就返回false
new操作符做了那些事情哺呜？
開辟一個內(nèi)存存放新創(chuàng)建的對象--創(chuàng)建實例對象
將構(gòu)造函數(shù)里的this指向?qū)嵗龑ο?br> 給實例對象新增屬性和方法
隱式的返回了實例對象
防抖和節(jié)流
防抖和節(jié)流都是為了阻止某項操作高頻觸發(fā)
防抖是讓用戶多次觸發(fā)某残，只生效最后一次陵吸，適用于只需要一次觸發(fā)生效的場景
防抖應(yīng)用場景：表單里的按鈕，用戶點擊過快壮虫，發(fā)送多次請求節(jié)流是讓用戶的操作，每隔一段時間觸發(fā)一次赏酥，適用于多次觸發(fā)要多次生效的場景
節(jié)流應(yīng)用場景：監(jiān)聽滾動事件
隱藏元素有幾種方法
visibility:hidden （占空間）
display:none（不會占用空間）
opacity:0 （占空間，透明度為0）
寬高設(shè)為0框都，然后再overflow：hidden(溢出隱藏)
