JS 语法

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

CSS放置于head标签内,JS放置于闭合标签之前

解释白屏和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)


    JS 语法_第1张图片
    render-tree-construction.png

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

JS 语法_第2张图片
数据类型.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,报错

你可能感兴趣的:(JS 语法)