JS基本语法

  • CSS和JS在网页中的放置顺序是怎样的?
    主要取决于哪个文件需要先被浏览器渲染,一般情况下css需要先被浏览器渲染,否则网页可能会出现先加载html而没有css样式的情况,然后如果把js也放在前面,会导致下载的时间太长,页面一直没有内容,出现白屏的情况,所以
    • css放在标签中先加载
    • js放在之前加载
JS基本语法_第1张图片
2016-08-11_221605.png
  • 解释白屏和FOUC
    • 白屏的主要原因是浏览器阻塞,每当在标签有script的外部文件的时候,浏览器就需要产生一个网络请求,而如果这个外部文件不下载执行完成是不会执行接下来的htm文件的,所以如果在标签中有较大的script外部文件或者较多的script文件,就有可能因为浏览器阻塞而产生白屏
    • FOUC(Flash Of Unstyled Content),就是无样式内容闪动,当CSS文件放在页面尾部,html会先被加载和渲染出来,直到遇到一个CSS文件,才会把CSS的规则渲染在html文件上,所以如果把css放在页面尾部,就可能出现这样短暂的闪动
  • async和defer的作用是什么?有什么区别
    我们先来看当浏览器加载页面发生了什么,浏览器搜先获取一个html文件,然后开始解析这个html文件,直到解析器遇到一个引用外部文件的

你可能感兴趣的:(JS基本语法)