總結重要知識點

一:this指向問題
this誰調用指向誰
.call的第一個參數就是指向
在這裏插入圖片描述
二:執行順序
函數一般都是順序執行 但遇到異步函數不是
function test1(name,callBack){
callBack();
console.log(name)
}
function callBack(){
setTimeout(function(){
console.log(“我是回調”)
},1000)
}
test1(“tom”,callBack) // 執行順序 tom 我是回調 因爲callBack是異步函數

三:找出最大差值
使用的是函數sort排序
sort是個比較函數 return 負數,不交換位置。return 正數,交換位置
在這裏插入圖片描述
四:for in 和 for of 的區別
for in 和for of
使用for in 來遍歷數組,拿到的是數組的索引
使用for in 來遍歷對象,拿到的是對象的屬性名,可以通過obj[屬性名]來獲取屬性值
使用for of 來遍歷數組,拿到的是數組的每一項的值
for of 不可以遍歷對象

五:外邊距合併問題
父子級
1.給父元素添加邊框 border: 1px solid green;
2.給父元素添加 overflow: hidden;
3.給父元素或者子元素添加浮動float: left;
4.給父元素或者子元素添加絕對定位position: absolute;
5.給父元素或者子元素添加display: inline-block;
兄弟級
水平方向:外邊距會進行疊加
重直方向
如果都是正數,那麼會進行合併,並且取較大的值
如果都是負數,那麼會進行合併,並且取絕對值較大的值
如果一個是正數,一個是負數,會疊加,不會進行合併

六:盒子模型 box-sizing
1標準盒子模型 content-box
寬度:左右邊框 + 左右padding + 內容區寬度
高度:上下邊框 + 上下padding + 內容區高度
盒子在視圖區
寬度:左右邊框 + 左右padding + 內容區寬度 + 左右margin
高度:上下邊框 + 上下padding + 內容區高度 + 上下margin
width: 內容區寬度
height: 內容區高度
2IE盒子模型 border-box
盒子的寬度:width
盒子的高度:height
內容區的寬度: width - 左右邊框寬度 - 左右padding
盒子在視圖區
寬度:width + 左右margin
高度:height + 上下margin

七:px em rem 的區別
px:精準的單位,像素點
em:相對父元素的字體大小
rem:根據根元素進行參考

八.定位
相對定位,不脫離文檔流,以自己本身的位置進行偏移
絕對定位,脫離文檔流,根據瀏覽器左上角進行定位 如果父元素有定位屬性,那麼根據父元素的左上角進行定位

九:.脫離文檔流float和absolute
float:對文本不進行遮擋,脫離文檔流,不脫離文本流
absolut:全部遮擋,脫離文本流又脫離文檔流

十.slice()不改變原數組
一個參數:那麼返回從該索引位置進行索取
如果是負值,那麼數組的長度加上這個負數得到的數就是索引開始的位置
兩個參數:第一個參數代表索引開始的位置,第二個參數代表結束的位置,並且截取的時候不包括結束的位置
在這裏插入圖片描述

十一.splice()改變原數組
第一個值:索引開始的位置
第二個值:要刪除的項數
第三個值:要替換或者刪除的值
注意:在進行插入操作的時候,第二個值必然是0 ,第三個值插入到當前索引位置之前
在這裏插入圖片描述例子:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章