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,报错
