我所遇到的坑
JavaScript
VueJS
在Vue中數(shù)組發(fā)生改變，需要用到以下函數(shù)才能動態(tài)更新。
-
push()：向數(shù)組的末尾添加一個或更多元素，并返回新的長度。
arr.push(newelement1,newelement2,....,newelementX)
-
pop()：刪除并返回數(shù)組的最后一個元素。
arr.pop()
-
shift()：刪除并返回數(shù)組的第一個元素。
arr.shift()
-
unshift()：向數(shù)組的開頭添加一個或更多元素，并返回新的長度。
arr.unshift(newelement1,newelement2,....,newelementX)
-
splice()：向/從數(shù)組中添加/刪除項目，然后返回被刪除的項目。
arr.splice(index,howmany,item1, ..., itemX)
| 參數(shù) | 描述 |
|---|---|
| index | 必需。整數(shù)，規(guī)定添加/刪除項目的位置，使用負數(shù)可從數(shù)組結尾處規(guī)定位置。 |
| howmany | 必需。要刪除的項目數(shù)量。如果設置為 0，則不會刪除項目。 |
| item1,...,itemX | 可選。向數(shù)組添加的新項目。 |
-
sort()：對數(shù)組的元素進行排序。
arr.sort(sortby)
-
reverse()：顛倒數(shù)組中元素的順序。
arr.reverse()
-
filter()：將匹配元素集合縮減為匹配指定選擇器的元素。
example1.items = example1.items.filter(function (item) {
return item.message.match(/Foo/)
})
-
concat()：連接兩個或更多的數(shù)組，并返回結果。
arr.concat(arr2);
該方法不會改變現(xiàn)有的數(shù)組，而僅僅會返回被連接數(shù)組的一個副本。
-
slice()：從已有的數(shù)組中返回選定的元素。
arr.slice(start,end)
- 也可以使用Vue.set()進行操作。
數(shù)組添加或刪除對象，需要使用：
- 使用Vue.set()進行操作。
CSS
Firefox
- 在媒體查詢中，如果使用單位rem的話，F(xiàn)irefox依舊會去
<html>中找font-size，而不是使用瀏覽器默認設置的font-size。
在媒體查詢使用em或者px則可以避免這個問題。
