dayday笔记3

一.异步操作

1.定时器
2.时间函数
3.回调函数
4.Ajax请求
5.generator函数
6.promise对象
7.async/await

二.实现盒子水平垂直居中的多种方式？

1.弹性盒布局

display: flex;
/* 弹性盒子元素在主轴（横轴）方向上居中。 */
justify-content: center;
/* 弹性盒子元素在该行的侧轴（纵轴）方向上居中。 */
align-items: center;

2.用定位中的 “子绝父相” 来做 [核心代码是给子盒子添加的margin-top、margin-left 分别等于自身的高度、宽度的负的 一半]
3.margin:auto;实现带有width属性和height属性的绝对定位元素的居中。
4.用transform:translate(x,y)

三.数组去重

1.利用ES6 Set去重

var arr = [1,1,2,2,3,4,4,5,6,6];
function unique (arr) {
  return Array.from(new Set(arr))
}
console.log(unique(arr))
 //[1,2,3,4,5,6]

2.利用双层for循环，然后splice去重

var arr = [1,1,2,2,3,4,4,5,6,6];
function unlink(arr) {
    for (var i = 0; i < arr.length; i++) {    // 首次遍历数组
        for (var j = i + 1; j < arr.length; j++) {   // 再次遍历数组
            if (arr[i] == arr[j]) {          // 判断连个值是否相等
                arr.splice(j, 1);           // 相等删除后者
                j--;
            }
        }
    }
    return arr
}

3.利用indexOf去重

var arr = [1,1,2,2,3,4,4,5,6,6];
function unlink(arr) {
    if (!Array.isArray(arr)) {
        console.log('错误！')
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {    // 首次遍历数组
        if (array.indexOf(arr[i]) === -1) {   // 判断索引有没有等于
            array.push(arr[i])
        }
    }
    return array
}

4.利用filter

var arr = [1,1,2,2,3,4,4,5,6,6];
function unlink(arr) {
    return arr.filter(function (item, index, arr) {
        //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
        return arr.indexOf(item, 0) === index;
    });
}
console.log(unlink(arr));