发表于: 2020-06-28 21:00:35

1 2200


  1. 一,今日完成

回顾一下知识点:

对象的解构,es6语法

想要取出其中的属性,一般需要const a=obj.name这样写几行。

解构的话只需要一行,如上即可。

抽离代码,分离出去,使结构清晰

Axios

首先,在vue开发中都是不需要使用jquery,这是一个重量级框架,

没必要为了一个网络请求就去使用。

基本使用

axios(config),get
axios({
  url
'http://123.207.32.32:8000/home/multidata',
  method
'get'
}).then(res => {
  console.
log(res);
})


有时候,可能需求同时发送两个请求,使用axios.all,可以放入多个

请求的数组,axios.all([]),返回的结果是一个数组,使用axios.spread

可以将数组[res1,res2]展开为res1,res2


axios.all([axios({
  url
'http://123.207.32.32:8000/home/multidata'
}), axios({
  url
'http://123.207.32.32:8000/home/data',
  params
{
    type
'sell',
    page
5
  
}
})]).
then(axios.spread((res1res2=> {
  console.
log(res1);
  console.
log(res2);
}))


数组操作

1. push()

在数组末尾添加一个或多个元素,并返回新数组长度

2. join()

功能:将数组中所有元素都转化为字符串并连接在一起

3. reverse()

功能:将数组中的元素颠倒顺序。

4. splice()

功能:从数组中删除元素、插入元素到数组中或者同时完成这两种操作。

  输入:第一个参数为指定插入或删除的起始位置,第二个参数为要删除的个数

。之后的参数表示需要插入到数组中的元素 。如果只有一个参数,默认删除参

数后边的所有元素。  输出:返回一个由删除元素组成的数组。 

 注意:新建了一个数组,并修改了原数组

var aa = [1,2,3,4,5,6];
console.log(aa.splice(4)); //[5,6]  返回删除后的数组
aa; // [1,2,3,4]
console.log(aa.splice(2,2)); //[3,4] 从第二位起删除两个元素
aa; //[1,2]
console.log(aa.splice(1,0,7,8)); //[]从第一位起删除0个元素,添加7,8到原数组
aa;//[1,7,8,2]

5. forEach()

从头至尾遍历数组,为每个元素调用指定函数 输入为一个待遍历函数,

函数的参数依次为:数组元素、元素的索引、数组本身

every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

检测数组中的每一项是否符合条件

filter():对数组中的每一项运行给定函数,返回该函数会返回true 的项组成的数组。

筛选出数组中符合的项,组成新的数组

forEach():对数组中的每一项运行给定函数。这个方法没有返回值。

让数组的每一项做一件事

map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

            map()让数组通过某种计算得到一个新的数组

some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true

检测数组中的某些项符合条件



二,明天准备小课堂。





返回列表 返回列表
评论

    分享到