任务16-js基础知识

---

2016/6/17

---

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

• 使用 link 标签将样式表放在顶部
• 将JS放在底部

2.解释白屏和FOUC

• 白屏：如果把样式放在底部,对于浏览器（IE,chrome等浏览器）,在某些场景下(新窗口打开,刷新等)页面会出现白屏,而不是内容逐步展现，如果使用 @import 标签,即使 CSS 放入 link, 并且放在头部,也可能出现白屏
• FOUC(Flash of Unstyled Content) 无样式内容闪烁：如果把样式放在底部,对于IE浏览器,在某些场景下(点击链接,输入URL,使用书签进入等),会出现 FOUC 现象(逐步加载无样式的内容,等CSS加载后页面突然展现样式).对于 Firefox 会一直表现出 FOUC .

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

• 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。
• 有 async， defer加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。
• 不同的，但对于defer，script.js 的执行要在所有元素解析完成之后，DOMContentLoaded 事件触发之前完成。
• defer:脚本延迟到文档解析和显示后执行，有顺序
  async:不保证顺序

4.简述网页的渲染机制

• 解析 HTML 标签, 构建 DOM 树
• 解析 CSS 标签, 构建 CSSOM 树
• 把 DOM 和 CSSOM 组合成 渲染树 (render tree)
• 在渲染树的基础上进行布局, 计算每个节点的几何结构
• 把每个节点绘制到屏幕上 (painting)

5.JavaScript 定义了几种数据类型? 哪些是简单类型?哪些是复杂类型?

• 定义了六种数据类型，ECMAScript不支持自定义数据类型。
• 简单的数据类型：
  1.Null
  2.Undefined
  3.Boolean
  4.Number
  5.String
• 复杂的数据类型：Object。Object本质是一组无序的名值对组合

6.NaN、undefined、null分别代表什么?

• NaN含义是Not a Number，表示非数字，NaN和任何值都不相等，包括自己
• Undefined类型只有一个值undefined，表示变量只被声明，没有被初始化，也就是有这个指针，但是这个指针没有指向任何空间
• Null类型只有一个值：null，表示空指针，也就是不存在的东西

7.typeof和instanceof的作用和区别?

• typeof运算符可以返回一个值的数据类型,它的返回值有如下可能:
  number,boolean,string,function,object,undefined

  
  
  

  0_1466761160979_upload-0ca2ec7f-6894-4be8-ac6f-955bf3caf514

• 此运算符可以判断一个变量是否是某个对象（类）的实例，返回值是布尔类型的。
  想要理解它的作用，必须对面向对象有所理解:

  
  
  

  0_1466760956140_upload-b3b8bf6b-6d38-4afb-b94f-f3c05fc1d6d5
  
  

  以上代码会输出true，因为str是对象String的对象实例。
  一般说来只有使用构造函数创建的对象才会返回true，否则返回false，不过数组是一个例外，都会返回true。

代码