【一】頁面布局題
【1】請說明HTML布局元素的分類有哪些？并描述每種布局元素的應(yīng)用場景？
內(nèi)聯(lián)元素、塊狀元素、內(nèi)聯(lián)塊狀元素；
內(nèi)聯(lián)元素：用于不指定寬高，寬高由內(nèi)容指定；
塊狀元素：用于指定寬高，標(biāo)簽占滿一行；
內(nèi)聯(lián)塊狀元素：用于指定元素寬高，不占滿一行。
【2】列舉出在瀏覽器中，頁面加載過程觸發(fā)了哪些事件？并畫出這些事件的執(zhí)行順序
（1）瀏覽器根據(jù)DNS服務(wù)器解析輸入網(wǎng)址的ip；
（2）向這個(gè)IP發(fā)送HTTP請求；
（3）服務(wù)器收到請求，返回響應(yīng)到瀏覽器；
（4）瀏覽器得到響應(yīng)內(nèi)容，加載頁面
看到后面一問說畫出事件的執(zhí)行順序，有點(diǎn)蒙蔽，這題目問的是頁面渲染吧。。。然后我就寫了頁面加載、渲染兩部分的內(nèi)容，哈哈哈。畫圖也就畫頁面渲染的執(zhí)行順序了。。。
?
這里有兩篇好文章，大家可查看大佬們更詳細(xì)的解釋
https://blog.csdn.net/xiaozhuxmen/article/details/52014901
https://juejin.im/post/5ca0c0abe51d4553a942c17d這篇好文還提到defer、async的區(qū)別，在面試的時(shí)候，面試官也問了這個(gè)問題，大家也可以mark一下。
【3】請描述一下為什么頁面需要做優(yōu)化？并寫出常用的頁面優(yōu)化實(shí)現(xiàn)方案
【4】列舉出CSS選擇器有哪些分類，并至少寫出三個(gè)CSS選擇器之間的區(qū)別，適用場景
【5】請畫出CSS盒模型，基于盒模型的原理，說明相對定位、絕對定位、浮動(dòng)實(shí)現(xiàn)樣式的原理
【6】div和span的區(qū)別
我有空慢慢再補(bǔ)充? 待續(xù).....
