FOUC(Flash Of Unstyled Content)文档样式闪烁
2024-10-07 08:16:53
今天看面试题看到了这个新名词。。我以前是没有发现过这种状况,应该是我一直都是将加载 CSS 的 link 标签写到 head 里的缘故吧。
什么是文档样式闪烁(Flash Of Unstyled Content)?
我的理解是先渲染了 DOM 然后加载 CSS,因为 CSS 样式的使用遵循层叠的原理,因此 DOM 元素就会多次赋予不同的样式,非常鬼畜。
产生的途径可能因为 1. 加载 CSS 的位置不对,2. 使用了@import
解决
- 将加载 CSS 的 link 标签写到 head 里
- 使用 scss 将 CSS 合并
最新文章
- 我的PHP编程环境变迁:notepad ->; notepad++ ->; Sublime Text2 ->; PhpStorm
- AC日记——鬼谷子的钱袋 codevs 2998
- .NET转Java
- acdream 1148 GCD SUM 莫比乌斯反演 ansx,ansy
- [Java] SSH框架笔记_S2SH整合步骤
- (转载)在Delphi中利用MSDASC来配置数据库链接
- JQuery 获取自身的HTml代码
- [转]Google2012.9.24校园招聘会笔试题
- OpenCV Haar AdaBoost源代码改进(比EMCV快6倍)
- how computer boot up?
- wemall doraemon中Android app商城系统解决左侧抽屉菜单和viewpager不能兼容问题
- [2015-11-10]分享一个调用msbuild生成解决方案并打包发布的批处理脚本
- C. Brutality Educational Codeforces Round 59 (Rated for Div. 2) 贪心+思维
- 阅读 video in to axi4-stream v4.0 笔记
- abap调用代码块
- 线程相关代码分析->;常见面试题(一、Thead类)
- logstash实战tcp插件
- oracle的loop等循环语句的几个用法小例子[转]
- Silverlight &; Blend动画设计系列二:旋转动画(RotateTransform)
- ERP系统架构