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

CSS放置于head标签内,JS放置于</body>闭合标签之前

解释白屏和FOUC##

• 白屏问题
  如果把样式放在底部,对于IE浏览器,在某些场景下(新窗口打开,刷新等)页面会出现白屏,而不是内容逐步展现
  如果使用 @import标签,即使 CSS 放入 link, 并且放在头部,也可能出现白屏
• FOUC (无样式内容闪烁)
  如果把样式放在底部,对于IE浏览器,在某些场景下(点击链接,输入URL,使用书签进入等),会出现 FOUC 现象(逐步加载无样式的内容,等CSS加载后页面突然展现样式).对于 Firefox 会一直表现出 FOUC .
• 将JS放在底部
  脚本会阻塞后面内容的呈现
  脚本会阻塞其后组件的下载
  对于图片和CSS, 在加载时会并发加载(如一个域名下同时加载两个文件). 但在加载 JavaScript 时,会禁用并发,并且阻止其他内容的下载. 所以把 JavaScript 放入页面顶部也会导致 白屏现象.

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

二者的作用都是实现加载异步

• defer:脚本延迟到文档解析和显示后执行，有顺序
• async:不保证顺序

简述网页的渲染机制##

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

• 把每个节点绘制到屏幕上 (painting)

  
  render-tree-construction.png

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

数据类型.png

NaN、undefined、null分别代表什么?##

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

typeof和instanceof的作用和区别?##

• typeof：判断一个变量的数据类型。包括：number，boolean，string，function，object和undefined(null的类型为object)
• instanceof：判断一个变量是否是某个对象的实例，返回值的数据类型是Boolean(true/false)。

代码练习#

1.完成如下代码判断一个变量是否是数字、字符串、布尔、函数####

function isNumber(el){
    return typeof(el) === "number";
}
function isString(el){
    return typeof(el) === "string";
}
function isBoolean(el){
    return typeof(el) === "boolean";
}
function isFunction(el){
    return typeof(el) === "function";
}

var a = 2,
    b = "jirengu",
    c = false;
alert( isNumber(a) );  //true
alert( isString(a) );  //false
alert( isString(b) );  //true
alert( isBoolean(c) ); //true
alert( isFunction(a)); //false
alert( isFunction( isNumber ) ); //true

2.以下代码的输出结果是?####

console.log(1+1);  //2 数值
console.log("2"+"4"); //24 字符串
console.log(2+"4"); //24 2转化为字符串，最后得到字符串
console.log(+new Date()); //1467191938871
console.log(+"4"); //4 "4"转化为数值，最后结果为数值

3.以下代码的输出结果是?####

var a = 1;
a+++a;//1+2=3

typeof a+2;//number2 (因为typeof优先级比＋高，所以先有typeof a 的结果为"number"，是个字符串，然后"number"+2，使得2先变成字符串，然后得到结果"number2")

4.遍历数组，把数组里的打印数组每一项的平方

var arr = [3,4,5]
for(var key in arr){
  console.log(arr[key]*arr[key]);
}
// 输出 9, 16, 25

5.遍历 JSON, 打印里面的值####

var obj = {
  name: 'hunger',
  sex: 'male',
  age: 28
}
for(var key in obj){
  console.log(key+":"+obj[key]);
}
// 输出 name: hunger, sex: male, age:28

6.下面代码的输出是? 为什么

console.log(a);//undefined
var a = 1;
console.log(a);//1
console.log(b);//未声明变量b,报错