2020-09-02 html的RGB与CMYK + css的grid布局 + JS的输入类型选择器返回DOM元素 + 软技能的http3

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

[html] HTML采用的是RGB颜色还是CMYK颜色？为什么？

RGB色彩模式，红绿蓝三原色。 网页设计常用

CMYK也成为印刷色彩模式，一种依靠反光的色彩模式，需要外界光源才能看到，常用印刷打印场景

[css] 你有使用过grid布局吗？说说你对它的理解

使用Grid布局非常简单，你只需要给容器（container）定义：display:grid，并设置列（grid-template-columns）和 行（grid-template-rows）的大小，然后用grid-column和grid-row定义容器子元素（grid-item项目）的位置。与flexbox布局类似，一开始项目的排列顺序并不重要，可以放置在容器的任何位置，这也使得你非常容易通过媒体查询重新排列你的项目。想象一下，当你定义整个页面的布局时，你只需要几行CSS就可以完成页面重排以便适应各种屏幕宽度，这得有多么神奇！

.container {
    display: grid;
    grid-template-columns: 100px 100px auto 100px 100px;
    grid-template-rows: 25% 100px auto;
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    // grid-gap：<grid-row-gap> <grid-column-gap>;
    // justify-items: start | end | center | stretch（默认）; 对齐方式
}

设置 container为网格布局，3个row宽为25% 100px auto; 5个columns的宽度分别为100px 100px auto 100px 100px,列间隔为10px 行间距为15px，间隔仅用于网络单元格间，不能作用在容器的边缘位置。

转自 https://www.jianshu.com/p/d183265a8dad

[js] 写一个js方法，输入指定类型的选择器(id，class，tagName)可以返回匹配的DOM节，要求兼容和性能

function getDom(selector) {
    var reg = /^(#)?(\.)?(\w+)$/img;
    var regResult = reg.exec(selector);
    var result = [];
    //如果是id选择器
    if (regResult[1]) {
        console.log("id")
    }
    //如果是class选择器
    else if (regResult[2]) {
        console.log("class")
    }
    //如果是标签选择器
    else if (regResult[3]) {
        console.log("tagname")
    }
}

[软技能] 说说你对http3的理解，它主要解决了哪些问题？

HTTP3通过更加底层的传输层来优化提高效率，使用TCP协议实现握手，但握手方式与http2不同。

HTTP协议 https://www.jianshu.com/p/dd9719c4c2c1