不准確的顏色主題（放屁）的閃光

在網站上實施黑模式主題時，有很多考慮。我們有一個巨大的指南。那裡有一些非常聰明的快速獲勝，但是還有一些非常棘手的事情要做。這些棘手的事情之一是它不是在黑暗和光線之間“切換”的黑模式，而是您需要支持的三種模式：深色，光線和使用系統偏好。這類似於音頻首選項在許多應用程序中的工作方式，這使您可以非常具體選擇所需的音頻輸入或輸出，或默認到系統偏好。

CSS和JavaScript可以通過偏愛顏色 - 旋轉API處理系統偏好角度，但是如果用戶偏好已更改，並且該偏好現在與用戶偏好不同，那麼您處於“不准確色彩主題的閃光燈”或“放屁”或“放屁”領域。好吧，這是一個嘲諷的首字母縮寫詞，但這可能是一個視覺上令人討厭的問題，所以我要保留它。在同一脈絡中，Fout（未風格的文本閃光）用於字體加載。

存儲用戶偏好意味著cookie，localstorage或某種數據庫之類的內容。如果訪問該數據意味著運行JavaScript，例如LocalStorage.getItem（'color-Mode-preference'）;那麼您在放屁區域，因為您的JavaScript很可能是在頁面上的第一個渲染後運行的，否則您會不必要地延遲頁面呈現頁面。

您可以在頁面渲染之前訪問使用服務器端語言的cookie，這意味著您可以使用它來輸出和样式的類型，並巧妙地避免了放屁，但這意味著甚至可以訪問服務器端語言的站點（例如，jamstack站點不使用）。

allllll說，我讚賞羅伯·莫里森（Rob Morieson）關於黑暗模式的文章，因為它沒有在這個重要問題上加以解決。非常具體地在Next.js中進行此操作，並使用localStorage，但是由於Next.js是JavaScript渲染的，因此您可以強迫它來檢查用戶保存的偏好，這是它的第一件事。這意味著它將第一次正確渲染（無閃光）。您確實必須關閉服務器端渲染才能正常工作，但是這是一個艱難的權衡。

我不相信沒有服務器端語言或延誤的頁面渲染的好方法可以避免放屁。

以上是不准確的顏色主題（放屁）的閃光的詳細內容。更多資訊請關注PHP中文網其他相關文章！