CSS和JS在網(wǎng)頁(yè)中的放置順序是怎樣的？
- CSS 推薦放置在 <head> </head>中的 link 標(biāo)簽
- JavaScript 推薦放置在 </body> 前
解釋白屏和FOUC
- 白屏問題：如果把樣式放在底部,對(duì)于IE瀏覽器,在某些場(chǎng)景下(新窗口打開,刷新等)頁(yè)面會(huì)出現(xiàn)白屏,而不是內(nèi)容逐步展現(xiàn)虾攻，如果使用 @import標(biāo)簽,即使 CSS 放入 link, 并且放在頭部,也可能出現(xiàn)白屏
- FOUC（Flash of Unstyled Content）無樣式內(nèi)容閃爍：如果把樣式放在底部形帮，瀏覽器會(huì)逐步加載無樣式的內(nèi)容,等CSS加載后頁(yè)面突然展現(xiàn)樣式最住，對(duì)于 Firefox 會(huì)一直表現(xiàn)出 FOUC
async和defer的作用是什么？有什么區(qū)別
- 對(duì)于
<script src="script.js"></script>嚷掠，沒有 defer 或 async地粪，瀏覽器會(huì)立即加載并執(zhí)行指定的腳本酸些，在渲染該 script 標(biāo)簽之下的文檔元素之前空骚，也就是說不等待后續(xù)載入的文檔元素，讀到就加載并執(zhí)行 - 對(duì)于
<script async src="script.js"></script>擂仍，有 async，加載和渲染后續(xù)文檔元素的過程將和 script.js 的加載與執(zhí)行并行進(jìn)行（異步）熬甚，不保證順序 - 對(duì)于
<script defer src="script.js"></script>逢渔，有 defer，加載后續(xù)文檔元素的過程將和 script.js 的加載并行進(jìn)行（異步）乡括，但 script.js 的執(zhí)行要在所有元素解析完成之后肃廓，DOMContentLoaded 事件觸發(fā)之前完成，腳本延遲到文檔解析和顯示后執(zhí)行诲泌，有順序
簡(jiǎn)述網(wǎng)頁(yè)的渲染機(jī)制
- 解析 HTML 標(biāo)簽, 構(gòu)建 DOM 樹
- 解析 CSS 標(biāo)簽, 構(gòu)建 CSSOM 樹
- 把 DOM 和 CSSOM 組合成 渲染樹 (render tree)
- 在渲染樹的基礎(chǔ)上進(jìn)行布局, 計(jì)算每個(gè)節(jié)點(diǎn)的幾何結(jié)構(gòu)
- 把每個(gè)節(jié)點(diǎn)繪制到屏幕上 (painting)
JavaScript 定義了幾種數(shù)據(jù)類型? 哪些是簡(jiǎn)單類型?哪些是復(fù)雜類型?
- 數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）
- 字符串（string）：字符組成的文本（比如"Hello World"）
- 布爾值（boolean）：true（真）和false（假）兩個(gè)特定值
- undefined：表示“未定義”或不存在盲赊，即此處目前沒有任何值
- null：表示空缺，即此處應(yīng)該有一個(gè)值敷扫，但目前為空
- 對(duì)象（object）：各種值組成的集合哀蘑，復(fù)雜類型
- 狹義的對(duì)象（object）
- 數(shù)組（array）
- 函數(shù)（function）
NaN、undefined、null分別代表什么?
- null表示空值绘迁，即該處的值現(xiàn)在為空合溺。典型用法是：
- 作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)是一個(gè)沒有任何內(nèi)容的對(duì)象
- 作為對(duì)象原型鏈的終點(diǎn)
- undefined表示不存在值缀台，就是此處目前不存在任何值棠赛。典型用法是：
- 變量被聲明了，但沒有賦值時(shí)膛腐，就等于undefined
- 調(diào)用函數(shù)時(shí)睛约，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined
- 對(duì)象沒有賦值的屬性哲身，該屬性的值為undefined
- 函數(shù)沒有返回值時(shí)辩涝，默認(rèn)返回undefined
- NaN含義是Not a Number，表示非數(shù)字律罢，NaN和任何值都不相等膀值，包括自己
typeof和instanceof的作用和區(qū)別?
- typeof運(yùn)算符可以返回一個(gè)值的數(shù)據(jù)類型，可能有以下結(jié)果：
- 原始類型：數(shù)值误辑、字符串沧踏、布爾值分別返回number、string巾钉、boolean
typeof 123; // "number"
typeof "123"; // "string"
typeof false; // "boolean"
- 函數(shù)：函數(shù)返回function
function f(){}
typeof f; // "function"
- undefined返回undefined
typeof undefined; // "undefined"
利用這一點(diǎn)翘狱，typeof可以用來檢查一個(gè)沒有聲明的變量，而不報(bào)錯(cuò)砰苍。
v; // ReferenceError: v is not defined
typeof v; // "undefined"
- 其它：除此之外都返回object
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"
- instanceof 運(yùn)算符與 typeof 運(yùn)算符相似潦匈，用于識(shí)別正在處理的對(duì)象的類型。與 typeof 方法不同的是赚导，instanceof 方法要求開發(fā)者明確地確認(rèn)對(duì)象為某特定類型茬缩。例如：
var oStringObject = new String("hello world");
alert(oStringObject instanceof String); //輸出 "true"
這段代碼問的是“變量 oStringObject 是否為 String 對(duì)象的實(shí)例？”oStringObject 的確是 String 對(duì)象的實(shí)例吼旧，因此結(jié)果是 "true"凰锡。
代碼題
- 完成如下代碼判斷一個(gè)變量是否是數(shù)字、字符串圈暗、布爾掂为、函數(shù)
function isNumber(el){
if(typeof(el) === "number"){
return true;
}
else{
return false;
}
}
function isString(el){
if(typeof(el) === "string"){
return true;
}
else{
return false;
}
}
function isBoolean(el){
if(typeof(el) === "boolean"){
return true;
}
else{
return false;
}
}
function isFunction(el){
if(el instanceof Function){
return true;
}
else{
return false;
}
}
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
- 以下代碼
console.log(1+1);
console.log("2"+"4");
console.log(2+"4");
console.log(+new Date());
console.log(+"4");
輸出結(jié)果：
2
24
24
1477731277228
4
- 以下代碼
var a = 1;
a+++a;
typeof a+2;
輸出結(jié)果
"number2"
- 遍歷數(shù)組，打印數(shù)組每一項(xiàng)的平方
var arr = [3,4,5];
for(var i=0;i<arr.length;i++){
console.log(arr[i]*arr[i]);
}
或者
var arr = [3,4,5];
for(value in arr){
console.log(arr[value]*arr[value]);
}
- 遍歷 JSON, 打印里面的值
var obj = {
name: 'hunger',
sex: 'male',
age: 28
};
for(k in obj){
console.log(obj[k]);
}
- 下面代碼的輸出是? 為什么
console.log(a);
var a = 1;
console.log(a);
console.log(b);
- 第一個(gè)結(jié)果：undefined员串，var a = 1勇哗；變量提升，會(huì)把var a 放在最開始寸齐，此時(shí) a 未賦值欲诺，所以結(jié)果為undefined
- 第二個(gè)結(jié)果：1抄谐；此時(shí)有 a = 1
- 第三個(gè)結(jié)果，報(bào)錯(cuò)瞧栗，b 未聲明
本教程版權(quán)歸饑人谷和作者所有斯稳，轉(zhuǎn)載須說明來源。
