白屏和FOUC是什么?

白屏
不同浏览器对 CSS 和 HTML 的处理方式不同,有的是等待 CSS 加载完成之后,对 HTML 元素进行渲染和展示。

白屏不是bug,而是由于浏览器的渲染机制。

FOUC
有的是先对 HTML 元素进行展示,然后等待 CSS 加载完成之后重新对样式进行修改(无样式内容闪烁)

如何解决FOUC问题
尽量把 js 文件放在 <body> 标签后面引入,执行。
————————————————
版权声明:本文为CSDN博主「同名公众号 - 人生代码」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_36772866/article/details/115535177

posted @ 2021-04-29 18:36  倔强的代码人  阅读(116)  评论(0编辑  收藏  举报