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