learn:functional-css
差異處
這裏顯示兩個版本的差異處。
| 兩邊的前次修訂版前次修改 下次修改 | 前次修改 最後一次修改 兩邊的下次修訂版 | ||
| learn:functional-css [2022/09/16 15:49] – [Functional CSS 的筆記] admin_wi1d5ky | learn:functional-css [2022/09/16 15:52] – [缺點] admin_wi1d5ky | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| # Functional CSS 的筆記 | # Functional CSS 的筆記 | ||
| + | > Tools, not rules | ||
| + | > | ||
| > 以前的最佳實踐不一定適用於現在的狀況，以前的 class name 不是這樣用的，不代表現在就不行。 | > 以前的最佳實踐不一定適用於現在的狀況，以前的 class name 不是這樣用的，不代表現在就不行。 | ||
| > | > | ||
| 行 14: | 行 16: | ||
| - 降低 CSS 檔案大小 | - 降低 CSS 檔案大小 | ||
| - 最大程度縮減 scope，讓維護變得容易 | - 最大程度縮減 scope，讓維護變得容易 | ||
| - | |||
| ## 缺點 | ## 缺點 | ||
| - class name 很長，直接看 HTML 的話不好閱讀 | - class name 很長，直接看 HTML 的話不好閱讀 | ||
| - | - 如果沒辦法做到 component 化，那就不適合使用 | + | - 如果沒辦法做到 component 化，那就不適合使用 |
| - | - 需要花一段時間上手 | + | - 需要花時間上手語法及熟悉各種縮寫 |
| ## Ref | ## Ref | ||
learn/functional-css.txt · 上一次變更: 2022/09/16 15:52 由 admin_wi1d5ky