2020年4月所遇知识点整理

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导

一:浏览器默认禁用第三方cookie

二:SameSite 属性和Set-Cookie

三:解决移动端滚动不流畅的问题以及最外成用fixed包围的页面滚动问题

四:vue横向步骤条

五:底部引导栏的书写

(当进入页面的时候，底部导航栏提示，当滚动条滑动到底部的时候，底部导航提示栏消失)
html

<div class="fixed-bottom-box" v-show="isShowFixedBox">
   <p>请仔细阅读协议并滑动到底部</p>
</div>

css

.fixed-bottom-box{
    position: fixed;
    left: 0;
    bottom: 0;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 100%;
    opacity: 0.4;
    background: #2A2B2C;
    text-align: center;
    color:#ffffff;
}

js

data () {
    return {
    isShowFixedBox: true
    }
},
created(){
    window.addEventListener('scroll', () => {
        let scrollTop = document.documentElement.scrollTop||document.body.scrollTop
        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight
        let scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight
        if(scrollTop+windowHeight==scrollHeight){
            this.isShowFixedBox = false
        }else{
            this.isShowFixedBox = true
        }
    }, true)

}