js语法

一.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未进行定义,不可使用;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

  • JavaScript基本概念、基础数据类型、运算符、流程控制语句。 一、CSS和JS在网页中的放置顺序是怎样的? ...
    婷楼沐熙阅读 428评论 0 2
  • CSS和JS在网页中的放置顺序是怎样的? CSS放置在HTML中的 元素内。 现代Web应用程序一般把全部Java...
    coolheadedY阅读 412评论 0 0
  • 1.CSS和JS在网页中的放置顺序是怎样的? 将CSS link标签放在html文档靠前位置。JS代码放在html...
    饥人谷区子铭阅读 330评论 0 1
  • 一、CSS和JS在网页中的放置顺序是怎样的?js引入样式:1、内部js样式 alert(1); 2、引入外部js样...
    崔敏嫣阅读 274评论 0 0
  • 学习内容:JavaScript基本概念,基础数据类型,运算符,流程控制语句 一、CSS和JS在网页中的放置顺序是怎...
    鸿鹄飞天阅读 490评论 0 0