CSS在網(wǎng)頁(yè)中的放置順序
CSS要放在HTML的<body>前面，也就是<head>中。
因?yàn)檫@樣瀏覽器會(huì)先讀取CSS的樣式，然后讀到<body>里面的內(nèi)容時(shí)候，讀一個(gè)添加一個(gè)樣式。好比先準(zhǔn)備好衣服，讓小朋友們排隊(duì)，來(lái)一個(gè)穿上一個(gè)。假如放在后面，就相當(dāng)于先把小朋友們集合起來(lái)，光溜溜的等著穿衣服。如果小朋友的數(shù)量特別多，那么后面的小朋友就要等很長(zhǎng)時(shí)間才能得到衣服穿。
把CSS放在后面
- 對(duì)于IE、Chrome瀏覽器，可能出現(xiàn)白屏問題
- Firefox瀏覽器，可能會(huì)出現(xiàn)無(wú)樣式內(nèi)容閃爍
JS在網(wǎng)頁(yè)中的放置順序
JS要放在HTML的后面，也就是</body>這個(gè)閉合標(biāo)簽前。
這是因?yàn)镴S加載的過(guò)程中，瀏覽器會(huì)停下來(lái)，等待這個(gè)JS加載完成再讀取后面的內(nèi)容，這樣JS就阻塞了后面內(nèi)容的呈現(xiàn)以及后面組件的加載。所以要放在body的最后，先讀完HTML和CSS，靜態(tài)頁(yè)面先出來(lái)，最后讀取加載JS，讓頁(yè)面動(dòng)起來(lái)。
