1.CSS和JS在網(wǎng)頁中的放置順序是怎樣的富岳？

CSS一般用link放置在網(wǎng)頁的頭部，JS一般放置body的底部。
如果CSS樣式放在底部癣诱，對于IE瀏覽器，在某些場景下（點擊鏈接袜香，出入URL撕予，使用標(biāo)簽進(jìn)入等），會出現(xiàn)FOUC現(xiàn)象（逐步加載無樣式的內(nèi)容蜈首，等CSS加載后頁面突然展現(xiàn)樣式）实抡，對于FireFox會一直出現(xiàn)FOUC。
將JS放在網(wǎng)頁底部疾就，如果將JavaScript放在頭部澜术，在加載JavaSript時候，會禁用并發(fā)猬腰，并且組織其他內(nèi)容的下載鸟废，回到值白屏現(xiàn)象。

2.解釋白屏和FOUC

白屏：
a.如果把CSS樣式放在底部姑荷，對于IE瀏覽器盒延，在某些場景下（新窗口打開，刷新等）頁面會等到html和css加載完成后再進(jìn)行渲染鼠冕，造成頁面內(nèi)容不會逐步展現(xiàn)添寺；如果使用@import標(biāo)簽，即使CSS放入link,并且放在頭部懈费，也可能出現(xiàn)白屏计露。
b.如果把JS放在網(wǎng)頁頭部，在加載JavaScript時，會禁用并發(fā)票罐，并且阻止其他內(nèi)容的下載叉趣，會出現(xiàn)白屏。

FOUC:如果把樣式放在底部该押，對于IE瀏覽器疗杉，在某些場景下（點擊鏈接，輸入URL蚕礼，使用標(biāo)簽進(jìn)入等）烟具，會出現(xiàn)FOUC現(xiàn)象（逐步加載無樣式內(nèi)容，等CSS加載后頁面突然展現(xiàn)樣式）奠蹬，對于FireFox會一直表現(xiàn)出FOUC朝聋。
3.async和defer的作用是什么？有什么區(qū)別

defer該屬性用來通知瀏覽器罩润，這段腳本代碼將不會產(chǎn)生任何文檔內(nèi)容玖翅。
async的作用是：能夠異步地下載和執(zhí)行腳本，不因為加載腳本而阻塞頁面的加載割以。一旦下載完畢就會立刻執(zhí)行金度。
async和defer一樣，都不會阻塞其他資源下載严沥，所以不會影響頁面的加載猜极，但在async的情況下，js文檔一旦下載完畢就會立刻執(zhí)行消玄，所以很有可能不是按照原本的順序來執(zhí)行跟伏。如下圖：

區(qū)別：
a.html的版本html4.0中定義了defer;html5.0中定義了async;這將造成瀏覽器版本的不同而對其支持的程度不同；
b.執(zhí)行時刻：每個async屬性的腳本都在它下載結(jié)束之后立刻執(zhí)行翩瓜，同時會在window的load事件之前執(zhí)行受扳。所以可能出現(xiàn)腳本執(zhí)行順序被打亂的情況；每個defer屬性的腳本都是在頁面解析完畢之后兔跌，按照原本的順序執(zhí)行勘高，同時會在document的DOMContentLoaded之前執(zhí)行。

4.簡述網(wǎng)頁的渲染機(jī)制
a.解析HTML標(biāo)簽坟桅，構(gòu)建DOM樹华望；
b.解析CSS標(biāo)簽，構(gòu)建CSSOM樹仅乓；
c.把DOM和CSSOM組合成渲染樹赖舟；
d.在渲染樹的基礎(chǔ)上進(jìn)行布局，計算每個節(jié)點的集合結(jié)構(gòu)夸楣；
e.把每個節(jié)點繪制在屏幕上宾抓。

5.JavaScript 定義了幾種數(shù)據(jù)類型? 哪些是簡單類型?哪些是復(fù)雜類型?
JavaScript定義了六種數(shù)據(jù)類型子漩，其中有5種簡單的數(shù)據(jù)類型（也稱為基本數(shù)據(jù)類型）：Undefined、Null石洗、Boolean痛单、Number和String.還有一種復(fù)雜的數(shù)據(jù)類型：object(本質(zhì)是由一組無序的名值對組成的)。

6.NaN劲腿、undefined、null分別代表什么?
NaN表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況（這樣就不會拋出錯誤）鸟妙；
undefined表示“缺少值”焦人，就是此處應(yīng)該有一個值，但是還沒有定義重父；
null表示“沒有對象”花椭，即該處不應(yīng)該有值。

7.typeof和instanceof的作用和區(qū)別?
typeof的作用是：用以獲取一個變量或者表達(dá)式的數(shù)據(jù)類型房午。返回如下幾個結(jié)果：number,boolean,string,function(函數(shù)),object(NULL矿辽，數(shù)組，對象)郭厌，undefined袋倔。主要用來判斷一個變量是否存在
instance of用來判斷一個變量是否是某個對象的實例。返回結(jié)果：boolean值折柠，true或false宾娜。用來判斷一個對象是否是數(shù)組或者判斷某個變量是否是某個對象的實例。

代碼題
1.完成如下代碼判斷一個變量是否是數(shù)字扇售、字符串前塔、布爾、函數(shù)
<pre>
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(typeof(el)=="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
</pre>
2.以下代碼的輸出結(jié)果是?
<pre>
console.log(1+1); //2
console.log("2"+"4"); //24
console.log(2+"4"); //24
console.log(+new Date()); //1466571995054
console.log(+"4"); //4
</pre>

3.以下代碼的輸出結(jié)果是?
<pre>
var a = 1;
a+++a; //3

typeof a; //"number2"
</pre>

4.遍歷數(shù)組承冰，把數(shù)組里的打印數(shù)組每一項的平方
<pre>
var arr=[3,4,5];
console.log(Math.pow(arr[0],2)); //9
console.log(Math.pow(arr[1],2)); //16
console.log(Math.pow(arr[2],2)); //25
</pre>

5.遍歷 JSON, 打印里面的值
<pre>
var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
console.log(obj.name); //hunger
console.log(obj.sex); //male
console.log(obj.age); //28
</pre>

6.下面代碼的輸出是?
<pre>
console.log(a); //undefined
var a = 1;
console.log(a); //1
console.log(b); //報錯华弓，b is not undefined
</pre>

參考文章：
1.javascript中的defer和async學(xué)習(xí)+javascript執(zhí)行順序
2.【javascript基礎(chǔ)】 JavaScript defer和async區(qū)別
3.JavaScript之?dāng)?shù)據(jù)類型
4.undefined與null的區(qū)別
5.js中typeof和instanceof的區(qū)別

注：版權(quán)歸本人所有，若有轉(zhuǎn)載困乒，請注明出處