JS相关概念

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

    
    
    
    


    html tag
    

为了防止白屏，最好是吧css刚在head里面，js放在body的最后面。如上。

为什么会白屏，还有FOUC是什么

• 白屏：
  1. 从上面的渲染机制可以看出来，当CSS文件写在最下端的时候，浏览器先解析html形成dom树，再解析css形成cssom树，两者结合形成渲染树，之后再将内容绘制到屏幕上，所以如果将css放在底部，那么加载时间就会变长，那么在形成渲染树绘制之前就会是白屏。
  2. 当JavaScript被置于顶部时，会禁用并发，并且阻止其后的文件的加载及组件的下载，所以也可能出现白屏。
• FOUC：
  对于firefox浏览器，当CSS样式被置于底部，html会先呈现出来，待到html加载完毕，再一次性加载CSS样式使得样式突然呈现，就有了闪屏的现象。

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

• async:
  • HTML5 为