12.19技术知识点整理

flex布局，垂直居中

<div class="container">
<div>123123</div>
</div>

/* 简单reset */
* {
margin:0;
padding:0;
}
.container{
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 100px;
}

斐波那契数列求值

function fib(indexs) {
var initialFib = [ 0, 1 ];
return typeof initialFib[indexs] === 'number'
? initialFib[indexs]
: fib(indexs - 2) + fib(indexs - 1);
}

Q:知道宽高比和宽度的一张图片，如果做占位

A: padding 和 margin 是按照宽度来计算百分比的，所以可以使用padding-top: 比例； 来处理

Q: EventLoop中，异步队列里Promise和setTimeout执行结果

A: 根据js语言规范，js代码只有一个主线程，但是可以有多个异步队列，Promise和setTimeout属于不同的队列，setTimeout的队列优先级比Promise低，所以是Promise先执行。

Q: 如何在状态管理中添加校验

A: 沟通的结果是，目前采用的类似vue中的props类型来处理， 也直接采用ts，上强类型。