一、問答
CSS和JS在網(wǎng)頁中的放置順序是怎樣的？
CSS使用link標(biāo)簽放置在頭部head內(nèi)；
JS放在代碼底部。
解釋白屏和FOUC
白屏：如果把樣式放在底部,對(duì)于IE瀏覽器，在某些場(chǎng)景下（新窗口打開，刷新等）頁面會(huì)出現(xiàn)白屏，而不是內(nèi)容逐步展現(xiàn)。如果使用@import標(biāo)簽，即使CSS放入link，并且放在頭部，也可能出現(xiàn)白屏。
FOUC：無樣式內(nèi)容閃爍。如果把樣式放在底部，對(duì)于IE瀏覽器，在某些場(chǎng)景下（點(diǎn)擊鏈接，輸入url，使用書簽進(jìn)入等），會(huì)出現(xiàn)FOUC現(xiàn)象（逐步加載無樣式的內(nèi)容，等css加載后頁面突然展現(xiàn)樣式）。對(duì)于Firefox會(huì)一直表現(xiàn)出FOUC。
async和defer的作用是什么？有什么區(qū)別？
沒有defer或async，瀏覽器會(huì)立即加載并執(zhí)行指定的腳本，“立即”指的是在渲染該script標(biāo)簽之下的文檔元素之前，也就是不等待后續(xù)載入的文檔元素，讀到就加載并執(zhí)行。
- 有async，加載和渲染后續(xù)文檔元素的過程將和script.js的加載與執(zhí)行并行進(jìn)行（異步）。用法如下：
<script async src="script.js"></script>
- 有defer，加載后續(xù)文檔元素的過程將和script的加載并行進(jìn)行（異步），但script.js的執(zhí)行要在所有元素解析完成之后，DOMContentLoaded時(shí)間觸發(fā)之前完成。用法如下：
<script defer src="script.js"></script>
- async：不保證順序；
defer：腳本延遲到文檔解析和顯示后執(zhí)行，有順序。
簡(jiǎn)述網(wǎng)頁的渲染機(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ù)據(jù)類型。
- 數(shù)值（number）、字符串（string）、布爾值（boolean）、undefined、null這幾種數(shù)據(jù)類型屬于簡(jiǎn)單類型。
- 對(duì)象（object）屬于復(fù)雜類型。
NaN、undefined、null分別代表什么?
- NaN：代表非數(shù)字值的特殊值。NaN 與所有值都不相等，包括它自己
- undefined：表示“未定義”或不存在，即此處目前沒有任何值
- null：表示空缺，即此處應(yīng)該有一個(gè)值，但目前為空
typeof和instanceof的作用和區(qū)別?
typeof 和 instanceof 常用來判斷一個(gè)變量是否為空，或者是什么類型的。
- typeof運(yùn)算符用來獲取運(yùn)算數(shù)的數(shù)據(jù)類型。返回的值有number、boolean、undefined、function、object、string。
- instanceof用于判斷某個(gè)變量是否是某個(gè)對(duì)象的實(shí)例，返回值為true或false。而一個(gè)對(duì)象往往是多個(gè)原始類型的值的合成，typeof無法細(xì)分，這個(gè)時(shí)候需要用instanceof去區(qū)分。
二、代碼
完成如下代碼判斷一個(gè)變量是否是數(shù)字、字符串、布爾、函數(shù)
以下代碼的輸出結(jié)果是?
以下代碼的輸出結(jié)果是?
遍歷數(shù)組，把數(shù)組里的打印數(shù)組每一項(xiàng)的平方
遍歷 JSON, 打印里面的值
下面代碼的輸出是? 為什么
本教程版權(quán)歸作者和饑人谷所有，轉(zhuǎn)載須說明來源！
