我所遇到的坑
2018-01-22 本文已影响0人
结城美柑
我所遇到的坑
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依旧会去
<html>中找font-size，而不是使用浏览器默认设置的font-size。
在媒体查询使用em或者px则可以避免这个问题。
