1.什么是 flex 布局和 grid 布局？分別在什么時候使用？

Flex 布局和 grid 布局都是創(chuàng)建網(wǎng)頁布局的好方法。但是，面試官想知道的是兩者的主要區(qū)別：它們具有哪些功能和更強大靈活的功能？以及應(yīng)該在何時使用？
Flex 布局是 1D。這意味著使用 flex 布局可以操作行或列，但只能同時操作行和列中的任意一個。在 grid 布局中，您可以同時操作行和列。grid 布局功能非常強大，因為它具有許多強大而有用的特性，這些功能將有助于簡化復(fù)雜布局的開發(fā)和控制。
可以通過 grid 進行大方向的布局，使用 flex 進行具體內(nèi)容的布局。
這里面試官想知道您是否知道布局創(chuàng)建的不同技術(shù)以及它們之間的對比。

2.說明如何維護 CSS，假設(shè)您目前正在負責(zé)企業(yè)的實際項目。

管理大型項目中的 CSS 可能具有挑戰(zhàn)性。一種方法是使用預(yù)處理器，例如 SASS 或 LESS。兩者都是出色的預(yù)處理程序，可以很好地管理 CSS 文件。它們具有函數(shù)、變量、嵌套 CSS 等功能。這是避免樣式表沖突以及管理大型 CSS 文件的有效方法。
這里面試官很想知道您是否具有實際管理 CSS 的經(jīng)驗。以及，您是否認真考慮過這一點？

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)如何快速加載的新概念？

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論