serverless & front end

Cloud Functions or Functions as a Service (FaaS)

Cloud Functions

Functions as a Service

FaaS

https://serverless.css-tricks.com/services/major

https://serverless.css-tricks.com/resources/

https://serverless.css-tricks.com/ideas/

What is Serverless all about?

https://cheesecakelabs.com/blog/what-is-serverless-all-about/

serverless & node.js

https://hackernoon.com/a-crash-course-on-serverless-with-node-js-632b37d58b44

https://blog.codepen.io/2018/01/15/build-serverless-blog-codepen/

https://github.com/CodePen/serverless-demos

https://codepen.io/team/codepen/project/editor/DWQRjB

flex-flow

https://css-tricks.com/almanac/properties/f/flex-flow/



/*

flex-flow: <‘flex-direction’> || <‘flex-wrap’>

*/

.flex-container {

  flex-flow: row wrap;

}

demo



.chat-person-field-label-box-auto{

    display: flex;

    /* flex-direction: row;

    flex-wrap: wrap; */

    flex-flow: row wrap;

    justify-content: center;

    align-items: center;

    max-height: auto;

    overflow-y: hidden;

}

.chat-person-field-label{

    flex: 1 1 auto;

    width: 2rem;

    min-width: 2rem;

    line-height: 0.6rem;

    height: 0.6rem;

    font-size: 0.24rem;

    background:rgba(0,144,255, 0.1);

    border-radius: 0.08rem;

    font-weight:400;

    color:rgba(61,61,61,1);

    margin: 0.15rem;

    text-align: center;

    vertical-align: middle;

}

.chat-person-field-label-more,

.chat-person-field-label-less {

    flex: 1 1 auto;

    width: 100%;

    height: 0.24rem;

    line-height: 0.24rem;

    font-size: 0.24rem;

    color:rgba(26,144,255,1);

    margin: 0.18rem auto 0.20rem;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

}

.chat-person-field-label-more-text,

.chat-person-field-label-less-text{

    position: relative;

    display: inline-block;

}

.chat-person-field-label-more-text::after{

    display: table;

    content: "";

    background: url("../../images//chatroom/show-more.png") no-repeat center center;

    background-size: cover;

    width: 0.16rem;

    height: 0.1rem;

    position: absolute;

    top: 0.05rem;

    right: -0.2rem;

}

.chat-person-field-label-less-text::after{

    display: table;

    content: "";

    background: url("../../images//chatroom/show-less.png") no-repeat center center;

    background-size: cover;

    width: 0.16rem;

    height: 0.1rem;

    position: absolute;

    top: 0.05rem;

    right: -0.2rem;

}

flex-wrap

https://css-tricks.com/almanac/properties/f/flex-wrap/

flex-direction

https://css-tricks.com/almanac/properties/f/flex-direction/

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

巴特西

serverless & front end

serverless & front end

Cloud Functions

Functions as a Service

What is Serverless all about?

serverless & node.js

flex-flow

flex-wrap

flex-direction

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

巴特西

serverless & front end

serverless & front end

Cloud Functions

Functions as a Service

What is Serverless all about?

serverless & node.js

flex-flow

flex-wrap

flex-direction

xgqfrms 2012-2020 www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

最新文章

热门文章

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！