什么是 FOUC(无样式内容闪烁)?如何来避免 FOUC?

IT互联网 已帮助: 时间:2025-06-14 16:23:13

什么是 FOUC(无样式内容闪烁)?如何来避免 FOUC?

难度:⭐⭐⭐

题库:IT/互联网,其他

标签:样式,内容,FOUC

参考解答

用户头像

406***136

2025-06-14 16:23:13

FOUC - Flash Of Unstyled Content 文档样式闪烁

而引用 CSS 文件的@import 就是造成这个问题的罪魁祸首。IE 会先加载整个 HTML 文档的 DOM,然后 再去导入外部的 CSS 文件,因此,在页面 DOM 加载完成到 CSS 导入完成中间会有一段时间页面上的内 容是没有样式的,这段时间的长短跟网速,电脑速度都有关系。 解决方法简单的出奇,只要在之间加入一个或者 此技术的重点在于:无论在何处启动下载,文件额下载和运行都不会阻塞其他页面处理过程,即使在 head 里(除了用于下载文件的 http 链接)。


上一篇 documen.write和 innerHTML 的区别有哪些?

下一篇 什么是浮动?浮动的工作原理是什么?清除浮动的技巧有哪些?

相似问题