我所遇到的坑

我所遇到的坑

JavaScript

VueJS

在Vue中数组发生改变，需要用到以下函数才能动态更新。

• push()：向数组的末尾添加一个或更多元素，并返回新的长度。

arr.push(newelement1,newelement2,....,newelementX)

• pop()：删除并返回数组的最后一个元素。

arr.pop()

• shift()：删除并返回数组的第一个元素。

arr.shift()

• unshift()：向数组的开头添加一个或更多元素，并返回新的长度。

arr.unshift(newelement1,newelement2,....,newelementX)

• splice()：向/从数组中添加/删除项目，然后返回被删除的项目。

arr.splice(index,howmany,item1, ..., itemX)

参数	描述
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1,...,itemX	可选。向数组添加的新项目。

• sort()：对数组的元素进行排序。

arr.sort(sortby)

• reverse()：颠倒数组中元素的顺序。

arr.reverse()

• filter()：将匹配元素集合缩减为匹配指定选择器的元素。

example1.items = example1.items.filter(function (item) {
  return item.message.match(/Foo/)
})

• concat()：连接两个或更多的数组，并返回结果。

arr.concat(arr2);
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

• slice()：从已有的数组中返回选定的元素。

arr.slice(start,end)

• 也可以使用Vue.set()进行操作。

数组添加或删除对象，需要使用：

• 使用Vue.set()进行操作。

CSS

Firefox

• 在媒体查询中，如果使用单位rem的话，Firefox依旧会去中找font-size，而不是使用浏览器默认设置的font-size。

在媒体查询使用em或者px则可以避免这个问题。