PTT數位生活區 / Web_Design

[問題] 想請教 SASS 跟 SCSS 的好處?

看板Web_Design作者 (Whatever)時間5年前 (2018/10/26 06:30), 編輯推噓13(13推 0噓 23→)
留言36則, 17人參與, 5年前最新討論串1/1
先聲明我不懂這兩個技術 我只是在網路上面看了一些文章 "好像"可以讓寫CSS比較方便、比較好維護擴充等等的好處 但以我自己而言，常用的CSS當然很熟悉，所以可不用查就直接寫在編輯器裡面 如果有想要什麼CSS的效果我不知道如何下手，也可以上網看別人是怎麼寫的 所以我也沒有對直接寫CSS這件事情感到過於困擾過 我的想法是我想要什麼效果，我就去加，我就去試，配合瀏覽器開發工具 多數上想要的效果都可以達成 那這樣為什麼會需要SASS或SCSS之類的存在呢？(並非引戰，只是好奇) 除非他能完成某些CSS做不到的事情，我才會覺得這工具真的太神了 否則如果只是把有點類似把程式的寫法套用到CSS上 我不知道我還要不要花學習成本下去學習，搞不好我直接寫CSS還比較快 我自己的猜測應該是 協同合作 跟 專案的大小 或許會節省很多的時間 以上請前輩指教 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.191.143 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1540506656.A.46C.html
→
10/26 07:19, 5年前 , 1F
變數 好用
10/26 07:19, 1F
→
10/26 08:53, 5年前 , 2F
花個五分鐘學而已 又不是需要多大的成本
10/26 08:53, 2F
→
10/26 10:48, 5年前 , 3F
nesting>bem起來舒服，mixin、extend>rwd時輕鬆多了。
10/26 10:48, 3F
→
10/26 10:50, 5年前 , 4F
變數css3就有喔~
10/26 10:50, 4F
推
10/26 11:51, 5年前 , 5F
可以先用CSS設計一個網站 然後再改主題色跟文字大小
10/26 11:51, 5F
推
10/26 11:56, 5年前 , 6F
你就會發現很麻煩 SCSS可以用個變數 統一管理
10/26 11:56, 6F
推
10/26 13:12, 5年前 , 7F
好管理 好交付 = 容易團隊合作
10/26 13:12, 7F
推
10/26 13:45, 5年前 , 8F
我覺得巢狀最實用 再來就省略大括號和變數運算那些 簡
10/26 13:45, 8F
→
10/26 13:45, 5年前 , 9F
單好學看看範例就知道要怎寫了
10/26 13:45, 9F
推
10/26 14:57, 5年前 , 10F
就是方便呀~必用! 我個人最後是用stylus.
10/26 14:57, 10F
推
10/26 14:57, 5年前 , 11F
你覺得用不到就不要用啊
10/26 14:57, 11F
→
10/26 16:06, 5年前 , 12F
我也覺得還沒到很大型的專案的話，直接coding對我來說
10/26 16:06, 12F
→
10/26 16:06, 5年前 , 13F
比較快，不過到處都在談論這些預編輯工具的時候喔挺焦慮
10/26 16:06, 13F
→
10/26 16:06, 5年前 , 14F
的XD......
10/26 16:06, 14F
推
10/26 17:35, 5年前 , 15F
先寫普通的 CSS，再用 SCSS 重構，就會理解其好處
10/26 17:35, 15F
推
10/26 20:59, 5年前 , 16F
最常用巢狀跟 mixins，而且很適合用來實作 BEM。變數的部分
10/26 20:59, 16F
→
10/26 20:59, 5年前 , 17F
倒是慢慢改用 CSS 變數了
10/26 20:59, 17F
推
10/27 01:50, 5年前 , 18F
用過 SCSS 後我還是覺得直接寫 CSS 比較簡單
10/27 01:50, 18F
→
10/27 01:52, 5年前 , 19F
SCSS 優勢是可以寫的很少，但那個 build 速度不敢恭維
10/27 01:52, 19F
→
10/27 01:54, 5年前 , 20F
SCSS除非有天瀏覽器原生支援不然我應該是不想用
10/27 01:54, 20F
推
10/27 02:15, 5年前 , 21F
sass/scss 也是在寫css啊沒有不同，但非常方便管理你
10/27 02:15, 21F
→
10/27 02:15, 5年前 , 22F
的css層級與元件（如果是大專案），也可以減少重複性
10/27 02:15, 22F
→
10/27 02:15, 5年前 , 23F
的輸入
10/27 02:15, 23F
→
10/27 02:24, 5年前 , 24F
只是多一個轉譯，就看要用工具或打指令
10/27 02:24, 24F
推
10/27 20:30, 5年前 , 25F
喔...我剛好是從css轉sass的，可以回覆你的問題，自從使
10/27 20:30, 25F
→
10/27 20:30, 5年前 , 26F
用sass之後就回不去了，因為真的太好用，只要在同一個｛
10/27 20:30, 26F
→
10/27 20:30, 5年前 , 27F
｝範圍內都可以做任何屬於這個class的效果，很方便好管
10/27 20:30, 27F
→
10/27 20:30, 5年前 , 28F
理，你一定要試試看
10/27 20:30, 28F
→
10/27 20:30, 5年前 , 29F
同個層級還有變數管理很方便
10/27 20:30, 29F
→
10/27 20:32, 5年前 , 30F
不過缺點是要安裝ruby跟轉譯器例如koala 才能跑scss/sas
10/27 20:32, 30F
→
10/27 20:32, 5年前 , 31F
s
10/27 20:32, 31F
推
10/29 22:00, 5年前 , 32F
菜鳥如我平常都是用Sass，結果面試考試CSS差點寫不出
10/29 22:00, 32F
→
10/29 22:00, 5年前 , 33F
來，除此之外我覺得很方便
10/29 22:00, 33F
推
11/01 01:38, 5年前 , 34F
學基本功能不用20分鐘...還是看一下吧
11/01 01:38, 34F
→
11/03 20:29, 5年前 , 35F
CSS用得多的人就會需要 像我用很少的 就不想腦袋辛苦
11/03 20:29, 35F
→
11/03 20:30, 5年前 , 36F
直接用EXCEL幫我生重覆的東西 XDDD
11/03 20:30, 36F
‣ 更多 Whatever 的文章
文章代碼(AID): #1RqaGWHi (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 Whatever 的文章
文章代碼(AID): #1RqaGWHi (Web_Design)