解決陣列塌陷問題

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之後...