博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
阅读量:6811 次
发布时间:2019-06-26

本文共 359 字,大约阅读时间需要 1 分钟。

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

     <style type="text/css" media="all">@import "../fouc.css";</style>

    而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM,然后再去导入外部的CSS文件,因此,在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的,这段时间的长短跟网速,电脑速度都有关系。

     解决方法简单的出奇,只要在<head>之间加入一个<link>或者<script>元素就可以了。

本文转自 全栈web笔记 51CTO博客,原文链接:http://blog.51cto.com/12864747/1979876,如需转载请自行联系原作者
你可能感兴趣的文章
辟谣!Java 9使用指南10大误解,你中了几条?
查看>>
KSQL,用于Apache Kafka的流数据SQL引擎
查看>>
Zeppelin对Spark进行交互式数据查询和分析
查看>>
漂亮的后台界面PSD下载
查看>>
REST_FRAMEWORK加深记忆-第二次练习官方文档2
查看>>
NGINX配置小随笔
查看>>
大数据能帮企业抓住网络入侵者吗?
查看>>
BoCloud博云完成近亿元融资,加速PaaS与云运维落地
查看>>
IEEE:全球超一半大公司正在研究区块链,但是你需要区块链吗?
查看>>
与线性代数相关的数学词汇
查看>>
托管统一通信 向“云计算”迁移
查看>>
[译] 理解 NodeJS 中基于事件驱动的架构
查看>>
新计算,新纪元——2017 Kubertenes Meetup 即将开幕!
查看>>
【操作系统】3、存储管理
查看>>
咪咕视讯王斌:5G时代的泛娱乐产业生长
查看>>
VC中的正则表达式使用
查看>>
3PAR公司推出第三代虚拟存储阵列
查看>>
对待棘手bug,新手与大牛的差距在哪里?
查看>>
中企通信发布DaaS桌面云解决方案 企业迎来真正“桌面即服务”
查看>>
英国风力发电已比核能便宜
查看>>