1.CSS和JS在网页中的放置顺序

css的使用通过<link>标签引入样式表，放置在<head>标签里，防止渲染时出现白屏。
js的使用通过<script></script>标签引入js文件，放置在</body>之前，防止阻塞<script>后面内容的渲染。

2.白屏和FOUC

白屏：对于IE及Chrome等浏览器，需将html内容及引入的CSS内容都加载完成后，浏览器才会对页面代码进行渲染呈现到用户面前，此时如果html内容很多，浏览器处理请求、加载需要较长时间，会出现浏览器一段时间内无内容呈现给用户，就是典型的白屏效果。

FOUC:对于firefox浏览器，如果CSS放置在底部，firebox会将html结构先展示到页面上，然后再读取CSS并对html结构进行渲染，对相关元素进行渲染之后会刷新页面，表现为html内容无样式内容闪烁，随着页面的不断刷新，样式逐渐的展示出来。

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

async和defer都是<script>标签的布尔属性，都只对外部脚本文件有效。
其中对有async的script脚本文件，当浏览器加载到该脚本文件时，会同时加载后续的文档，也就是说加载该脚本文件和加载后续文档同时进行。正常情况下，对于没有async的脚本文件，浏览器会停止加载后续文档，等脚本文件下载并执行后才会加载后续文档。
而有defer的脚本文件，当浏览器加载到该脚本文件时，会同时加载后续的文档，而且会等文档全部加载完成才会执行该脚本文件。
它们的区别就是defer等到文档解析显示之后执行，有顺序，而async不保证顺序。