12.19技术知识点整理

flex布局，垂直居中

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

   /* 简单reset */
    * {
        margin:0;
        padding:0;
    }
    .container{
        display: flex;
        justify-content: center;
        align-items: center;
         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，上强类型。