首頁 > web前端 > css教學 > 重新想像原子CSS

重新想像原子CSS

Joseph Gordon-Levitt
發布: 2025-03-17 10:58:10
原創
451 人瀏覽過

重新想像原子CSS

雖然我不是一個巨大的原子CSS愛好者 - 龐大的課程不是我的茶,我發現傳統的CSS非常有效 - 我認識到它的吸引力。它的優勢很明顯:與手動書面CSS相比,樣​​式表較小,基於類的方法可以促進設計系統中的一致性。

原子CSS的演變令人著迷。它從大量的班級庫(帶有小小的,不變的CSS的好處)發展到了更精緻的方法:消除未使用的班級,現在,基於實際用法生成了按需生成樣式表。

Anthony Fu的“ Reimagine Atomic CSS”提供了這一進化的概念,並介紹了UNOCSS,這是進一步的進步。儘管我沒有完全掌握其所有復雜性,但它似乎比以前的迭代提供了增強的功能,主要是通過可配置的規則。它的速度(利用Vite)是一個重要的優勢,尤其是對於迭代發展。

但是,我發現一些方面具有挑戰性。複雜性是值得注意的,整合似乎有限。我也猶豫不決地將樣式轉換為任意的HTML屬性。儘管JSX道具是可以接受的,但直接HTML屬性達到了DOM姿勢風險,理想情況下應數據范圍 - 為了安全起見。

儘管有這些保留,我還是感謝安東尼的徹底解決問題的方法和他的過程分享。加入遊樂場是一個可喜的補充。

直接鏈接→

以上是重新想像原子CSS的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板