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