踩坑笔记 #1

1.当用户点击刷新页面滚到顶部

window.addEventListener('load', ()=>{
    let now = window.scrollY
    setTimeout(()=>{window.scrollTo(0, 0)},10)
})

页面为静态内容，刷新后还留在之前的位置。
要等页面加载完成之后再处理回滚到顶端。
设置定时器等页面读取完信息再滚动

2.flex与省略文本

在使用flex布局时使用text-overflow: ellipsis;时发现不起作用，p元素中的文本并没有实现超出边界自动使用...来省略。查了下发现了个小技巧，除了在p元素中加上text-overflow: ellipsis;、overflow: hidden;、white-space: nowrap;以外，还要在其父级元素上设置宽度！