解決陣列塌陷問題

2021-09-26 03:34:46 字數 852 閱讀 8408

陣列塌陷:運算元組的時候會使陣列的索引發生變化,造成陣列中的某項被跳過。

例如:刪除陣列中的每一項

.for (var i = 0; i < arr.length; i++)

解決方法:

1 . 每次執行i–

`    for (var i = 0; i < arr.length; i++) 

/* i = 0 進入迴圈 把陣列第 0 項乾掉 arr = [2, 3, 4] length = 3 i = -1

i = 0 進入迴圈 把陣列第 0 項乾掉 arr = [3, 4] length = 2 i = -1

i = 0 進入迴圈 把陣列第 0 項乾掉 arr = [4] length = 1 i = -1

i = 0 進入迴圈 把陣列第 0 項乾掉 arr = length = 0 i = -1

i = 0 不進入迴圈

*/`

2.從後向前遍歷

for (var i = arr.length - 1; i >= 0; i--) 

/* i = 3 進入迴圈 把陣列的第 3 項乾掉 arr = [1, 2, 3] length = 3

i = 2 進入迴圈 把陣列的第 2 項乾掉 arr = [1, 2] length = 2

i = 1 進入迴圈 把陣列的第 1 項乾掉 arr = [1] length = 1

i = 0 進入迴圈 把陣列的第 0 項乾掉 arr = length = 0

i = -1 不進入迴圈

*/

解決高度塌陷問題

在文件流中,父元素的高度預設是被子元素撐開的 當為子元素設定浮動後,子元素會完全脫離文件流 此時會導致子元素無法撐起父元素的高度,導致父元素的高度塌陷 由於父元素的高度塌陷了,則父元素下的所有元素都會向上移動,導致頁面布局混亂 所以在開發中需要避免出現高度塌陷的問題 如何開啟元素的bfc 1.設定元...

解決高度塌陷問題

所謂高度塌陷就是在文件流中,父元素的高度預設是被子元素撐開的,也就是子元素多高,父元素就多高。但是當為子元素設定浮動以後,子元素會完全脫離文件流,此時將會導致子元素無法撐起父元素的高度,導致父元素的高度塌陷。由於父元素的高度塌陷了,則父元素下的所有元素都會向上移動,這樣將會導致頁面布局混亂。例如 c...

margin塌陷問題的解決方式

在日常 現的乙個問題現象 明明為子div中設定了margin top的屬性,但是並沒有效果,反而,當子div的margin top屬性的值大於父div的margin top的值的時候,整個結構往下移動,而不是子div與父div的頂端有margin距離。此時,為父div設定屬性border top之後...