該文章為譯文堂鲜，這是原文地址。
1.什么是 flex 布局和 grid 布局忘苛？分別在什么時候使用蝉娜？
Flex 布局和 grid 布局都是創(chuàng)建網(wǎng)頁布局的好方法唱较。但是，面試官想知道的是兩者的主要區(qū)別：它們具有哪些功能和更強(qiáng)大靈活的功能召川？以及應(yīng)該在何時使用南缓？
Flex 布局是 1D。這意味著使用 flex 布局可以操作行或列荧呐，但只能同時操作行和列中的任意一個汉形。在 grid 布局中，您可以同時操作行和列倍阐。grid 布局功能非常強(qiáng)大概疆，因?yàn)樗哂性S多強(qiáng)大而有用的特性，這些功能將有助于簡化復(fù)雜布局的開發(fā)和控制峰搪。
可以通過 grid 進(jìn)行大方向的布局岔冀，使用 flex 進(jìn)行具體內(nèi)容的布局。
這里面試官想知道您是否知道布局創(chuàng)建的不同技術(shù)以及它們之間的對比概耻。
2.說明如何維護(hù) CSS使套，假設(shè)您目前正在負(fù)責(zé)企業(yè)的實(shí)際項(xiàng)目。
管理大型項(xiàng)目中的 CSS 可能具有挑戰(zhàn)性鞠柄。一種方法是使用預(yù)處理器童漩，例如 SASS 或 LESS。兩者都是出色的預(yù)處理程序春锋，可以很好地管理 CSS 文件矫膨。它們具有函數(shù)、變量期奔、嵌套 CSS 等功能侧馅。這是避免樣式表沖突以及管理大型 CSS 文件的有效方法。
這里面試官很想知道您是否具有實(shí)際管理 CSS 的經(jīng)驗(yàn)呐萌。以及馁痴，您是否認(rèn)真考慮過這一點(diǎn)？
3. rem 和 em 有什么區(qū)別肺孤？
rem 和 em 都是 CSS 單位罗晕。rem 表示 root-em。em 和 rem 之間的區(qū)別是赠堵，rem 從根元素獲取值小渊，而 em 從父元素獲取值。這是導(dǎo)致兩者完全不同的原因茫叭。
4.position fixed 和 sticky 之間的區(qū)別
當(dāng)開發(fā)人員要開發(fā)復(fù)雜的布局時酬屉，position是非常有趣的屬性。我們很清楚什么是 fixed，它將把元素"固定"到我們聲明的位置呐萨。sticky的基本作用類似于position：relative杀饵，直到元素滾動到特定偏移量以上為止，在這種情況下它將變成position：fixed谬擦，導(dǎo)致元素"粘在"其位置切距，而不是滾動到視線之外。
這里面試官想了解您對 position 的了解惨远。position 是創(chuàng)建復(fù)雜布局并以不同分辨率控制它們的最有趣的部分之一谜悟，這是一門藝術(shù)。
5.什么是 critical CSS锨络？
Critical CSS 是一種提取首屏中 CSS 的技術(shù)，以便盡快將內(nèi)容呈現(xiàn)給用戶狼牺。這是快速加載網(wǎng)頁首屏的好方法羡儿。
這里面試官想了解一下您是否了解性能以及有關(guān)如何快速加載的新概念？
