JS 基础

2017-07-30  本文已影响0人  Wensx

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

html是一种结构松散的文档类型,理论上CSS与JS可以放在网页的任何地方,但由于网页的渲染机制,避免显示(白屏、FOUC)与加载(阻塞)的问题,则CSS与JS的放置有一定的规则:CSS通过link标签引入,放置在文档顶部,<head>标签内;而JavaScript放置在页面底部,通过<script>标签引入,放置在body的闭合标签之前。

2.解释白屏和FOUC

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

由于浏览器加载JS脚本时,会禁止并发阻塞后面内容的呈现与其后组件的下载。于是有了async与defer来解决这个问题。

4.简述网页的渲染机制

  1. 解析 HTML 标签, 构建 DOM 树
  2. 解析 CSS 标签, 构建 CSSOM 树
  3. 把 DOM 和 CSSOM 组合成 渲染树 (render tree)
  4. 在渲染树的基础上进行布局, 计算每个节点的几何结构
  5. 把每个节点绘制到屏幕上 (painting)
渲染流程图
上一篇下一篇

猜你喜欢

热点阅读