雖然我不是一個巨大的原子CSS愛好者 - 龐大的課程不是我的茶,我發現傳統的CSS非常有效 - 我認識到它的吸引力。它的優勢很明顯:與手動書面CSS相比,樣式表較小,基於類的方法可以促進設計系統中的一致性。
原子CSS的演變令人著迷。它從大量的班級庫(帶有小小的,不變的CSS的好處)發展到了更精緻的方法:消除未使用的班級,現在,基於實際用法生成了按需生成樣式表。
Anthony Fu的“ Reimagine Atomic CSS”提供了這一進化的概念,並介紹了UNOCSS,這是進一步的進步。儘管我沒有完全掌握其所有復雜性,但它似乎比以前的迭代提供了增強的功能,主要是通過可配置的規則。它的速度(利用Vite)是一個重要的優勢,尤其是對於迭代發展。
但是,我發現一些方面具有挑戰性。複雜性是值得注意的,整合似乎有限。我也猶豫不決地將樣式轉換為任意的HTML屬性。儘管JSX道具是可以接受的,但直接HTML屬性達到了DOM姿勢風險,理想情況下應數據范圍 - 為了安全起見。
儘管有這些保留,我還是感謝安東尼的徹底解決問題的方法和他的過程分享。加入遊樂場是一個可喜的補充。
直接鏈接→
以上是重新想像原子CSS的詳細內容。更多資訊請關注PHP中文網其他相關文章!