learn:functional-css
差異處
這裏顯示兩個版本的差異處。
| 兩邊的前次修訂版前次修改 下次修改 | 前次修改 | ||
| learn:functional-css [2022/09/16 23:48] – [Functional CSS 的筆記] admin_wi1d5ky | learn:functional-css [2024/12/22 21:17] (目前版本) – 外部編輯 127.0.0.1 | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| # Functional CSS 的筆記 | # Functional CSS 的筆記 | ||
| - | > 以前的最佳實踐不一定適用於現在的狀況，以前的 class name 不是這樣用的，不代表現在就不行。我們不該墨守成規，不該執著在那些規則上面；如果別的做法有顯而易見的好處，那為何不呢？ | + | > Tools, not rules |
| + | > | ||
| + | > 以前的最佳實踐不一定適用於現在的狀況，以前的 class name 不是這樣用的，不代表現在就不行。 | ||
| + | > | ||
| + | > | ||
| + | > 我們不該墨守成規，不該執著在那些規則上面；如果別的做法有顯而易見的好處，那為何不呢？ | ||
| 行 10: | 行 15: | ||
| - 降低 CSS 檔案大小 | - 降低 CSS 檔案大小 | ||
| - 最大程度縮減 scope，讓維護變得容易 | - 最大程度縮減 scope，讓維護變得容易 | ||
| + | |||
| + | |||
| ## 缺點 | ## 缺點 | ||
| - class name 很長，直接看 HTML 的話不好閱讀 | - class name 很長，直接看 HTML 的話不好閱讀 | ||
| - | - 如果沒辦法做到 component 化，那就不適合使用 | + | - 如果沒辦法做到 component 化，那就不適合使用 |
| - | - 需要花一段時間上手 | + | - 需要花時間上手語法及熟悉各種縮寫 |
| ## Ref | ## Ref | ||
learn/functional-css.1663343329.txt.gz · 上一次變更: 2024/12/22 21:17 (外部編輯)