一.CSS和JS在网页中的放置顺序是怎样的?
css在html文档里一般放在head内,title后,用script包裹
js一般放在body内最下方
二.解释白屏和FOUC
白屏和fouc是把css放在body尾部时,在浏览器不同工作模式下产生的:
在加载完html和css后才渲染呈现的工作模式下,即浏览器根据放置顺序先加载html,html加载完后再加载css样式,然后才在页面呈现html和css,那么在css加载完前的这一段时间,页面不会呈现内容,此为白屏现象
在“边加载边显示”的工作模式下,浏览器在加载html时便会立即将它呈现出来,此时没有样式,html加载完后再去加载css,此时样式才显示出来,那么在打开页面看到元素内容到出现css样式的这一段时间看到的变化称为fonc,即无样式内容闪烁。
另外因为js会阻止后面内容的执行和下载,所以当把js放在head内时,同样会出现白屏现象。
三.async和defer的作用是什么?有什么区别
async和defer是让浏览器在遇到js时,不要停止对html的解析
区别在于,async在js下载完后停止html的解析,执行js,js执行完后再进行html解析;而defer推迟在js下载完后不会立即执行js,会等到html解析完后再执行js
四.简述网页的渲染机制?
1.根据用户的访问请求去获得网站的资源,html文档、css样式、js文档等;
2.解析html标签,构建dom树
3.解析css标签,构建cssom树
4.组合dom树和cssom树生成渲染树(render tree)
5.布局,计算每个节点的几何结构
6.调用浏览器,将其绘制到屏幕上
五. JavaScript 定义了几种数据类型? 哪些是简单类型?哪些是复杂类型?
6种,分别是null(空指针,可用来释放空间),undefined(有声明,无赋值,有指针,无指向),boolean,number,string,object(无序键值对组合)
前面5个为简单类型,object为复杂类型。注意null和undefined是两个特殊的值。
六. NaN、undefined、null分别代表什么?
NaN含义是Not a Number,表示非数字,NaN和任何值都不相等,包括自己
Undefined类型只有一个值undefined,表示变量只被声明,没有被初始化,也就是有这个指针,但是这个指针没有指向任何空间
Null类型只有一个值:null,表示空指针,也就是不存在的东西,可以用来释放空间
六. typeof和instanceof的作用和区别?
typeof运算符返回一个值的数据类型,比如number、string、boolean,还可以是function,undefined,object
instanceof是用来确定一个对象是否是某个构造函数的实例,可以用来判断值的类型,例如[1,2,3] instanceof Array,它会返回true说明[1,2,3]是属于数组的一个实例,它的左边放置对象,右边放置构造函数;
区别:在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。
1.完成如下代码判断一个变量是否是数字、字符串、布尔、函数
2.以下代码的输出结果
console.log(1+1)输出2;
console.log(“2”+”4”)输出24;
console.log(2+”4”)输出24;
console.log(+new Date())输出1462523357257;
console.log(+”4”)输出4;
3.以下代码的输出结果
var a = 1;
a+++a;(3,此时a等于2)
typeof a+2;
输出为字符串”number2”
4.遍历数组,把数组里的打印数组每一项的平方
var arr = [3,4,5]
// todo..
// 输出 9, 16, 25
5.遍历 JSON, 打印里面的值
var obj = {
name: ‘hunger’,
sex: ‘male’,
age: 28
}
//todo …
// 输出 name: hunger, sex: male, age:28
6.下面代码的输出是? 为什么
console.log(a);
var a = 1;
console.log(a);
console.log(b);
第一个log 输出 undefined 因为变量提升 但未进行赋值;
第二个log 输出 1 因为给a赋值了是1;
第三个log 输出 b is not defined,因为b未进行定义,不可使用;