用后台给的数据渲染后,在通过a链接,或者location进行页面间的跳转,页面都会闪一下,显示一下原来的假数据和样式,在一瞬间加载出来新的页面。这种问题怎么解决
用后台给的数据渲染后,在通过a链接,或者location进行页面间的跳转,页面都会闪一下,显示一下原来的假数据和样式,在一瞬间加载出来新的页面。这种问题怎么解决
给page加一个class
.page{
opacity: 0;
transition: opacity 0.4s
}
.page.show{
opacity: 1;
}
在渲染完成的时候加个show的class,如果你的框架实在没有生命周期,你就直接setTimeout加class
如果为了体验好的话,可以考虑加个loading,当然,请求很快返回的话,一闪而过的loading也是体验不好的,这时候可以考虑进去先将 body 隐藏,请求返回且渲染完成后在显示
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
前端用的什么框架出现这个问题的?