JS相关概念

CSS和JS在网页中的放置顺序是怎样的?

一般情况下,我们将CSS文件用link标签引入的方式,放在Html文件开头的head标签内。如果使用@import导入,或放在Html底部,则可能出现浏览器白屏或无样式内容闪烁的情况;

而JS文件则放置在body标签末尾的script标签内。因为加载JS文件时,会禁止其它文件同步加载,如果将JS文件放在靠前的位置,会影响后续文件的加载进度。

解释白屏和FOUC

白屏:1、根据一般浏览器的渲染机制,如果我们将引入的CSS文件放在Html的末尾,或使用@import的方式导入CSS文件,那么浏览器会先解析Html文件,再解析CSS文件,如果在这个过程中文件较大,或网络有一定的延迟,则可能在一段较长的时间内屏幕上没有任何内容,我们称之为白屏。2、如果我们将JS文件放置在head标签中引入,在加载JS的过程中,会禁止其它文件同步加载,也会出现白屏。

FOUC,即Flash of Unstyled Content,无样式内容闪烁。在FireFox一类的浏览器中,由于其本身特殊的解析机制,会先将解析出的Html标签内容在不添加样式的情况下显示在页面上,然后再解析CSS样式,添加到Html中。其中Html无样式内容的展示可能只有很短的一段时间,我们称之为无样式内容闪烁。

async和defer的作用是什么?有什么区别

对于普通的

你可能感兴趣的:(JS相关概念)