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。
网友评论