2020-07-10 html的title与h1、b与strong、i与em + css的style标签位置 + JS的数组去重 + 加班

2020-07-10 题目来源：http://www.h-camel.com/index.html

[html] title与h1 b与strong i与em的区别

表面来看它们的实际效果是相同的，但是对于搜索引擎来说还是有区别的。
物理元素： 是一种物理行为，例如一段文字的加粗，没有任何其他的作用，b i
逻辑元素： 是一种强调，向浏览器传达信息，例如em strong

而H标签的用法，SEO搜索引擎优化：
h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，在一个页面中应该使用且只使用一次h1标记。

[css] style标签放在body之前之后有什么区别

1. 写在body之前，利于浏览器的逐步渲染。 resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint

2.写在body之后，浏览器对文档进行逐行解析，当解析到尾部时，会导致浏览器停止之前的渲染，等待加载解析样式之后重新渲染，可能会出现FOUC现象，即样式失效导致页面闪烁问题。

[js] 数组去重的方法

//注意，先对数据类型进行判断
var arr = new Array();
arr = [1, 1, 2, 3, 4, 5, 6, 4, 4]; //源
var array = []; //去重后

1.不考虑兼容性的前提下

Array.from(new Set(arr));

1. 利用Set

function arrayNorepeat(arr) {
    if (!Array.isArray(arr)) {
        console.log("type error");
        return;
    }
    array = Array.from(new Set(arr));
    return array;
}

3.利用indexOf();

function arrayNo(arr) {
    if (!Array.isArray(arr)) {
        console.log("type error");
        return;
    }
    for (var i = 0; i < arr.length; i++) {
        if (array.indexOf(arr[i]) === -1) {
            array.push(arr[i]);
        }
    }
    return array;
}

4.利用数组的sort()函数

function arrayN(arr) {
    if (!Array.isArray(arr)) {
        console.log("type error");
        return;
    }
    arr = arr.sort();
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] != arr[i + 1]) {
            array.push(arr[i]);
        }
    }
    return array;
}

5.利用map 推荐方式

function arrayNom(arr) {
    if (!Array.isArray(arr)) {
        console.log("type error");
        return;
    }
    let hasmap = new Map();
    for (let i = 0; i < arr.length; i++) {
        const el = arr[i];
        if (hasmap.has(el)) {
            hasmap.set(el, true);
        } else {
            hasmap.set(el, false);
            array.push(el);
        }
    }
    return array;
}

[软技能] 加班

仁者见仁，智者见智

本文地址：https://blog.csdn.net/vampire10086/article/details/107318455