iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

Web Franework -SASS/SCSS 系列

了解Web應用框架,知道SASS/SCSS的差別。

參賽天數 26 天 | 共 26 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 - CSS的壓縮技術1

#CSS的壓縮技術隨著我們網頁的應用越來越大,CSS的文件也會越來越複雜,從而影響到網頁的載入速度,因此我們應該要學習如何有效的透過壓縮CSS來提升效能,從而加...

2024-09-25 ‧ 由 ConnorChen 分享
DAY 12

Day 12 - CSS的壓縮技術2

#CSS壓縮工具CSS壓縮工具可以幫助我們將樣式表的文件體積縮小,提高網頁的加載速度,這對於大規模的網站或應用來說非常重要。以下是幾個常見的CSS壓縮工具:1....

2024-09-26 ‧ 由 ConnorChen 分享
DAY 13

Day 13 - SASS模塊化設計1

#SASS模塊化設計在開發大型網站或應用程式時,SASS 提供了一種非常有效的方式來組織和管理樣式代碼,叫做模塊化設計。過將樣式拆分成多個小文件,我們能夠讓代碼...

2024-09-27 ‧ 由 ConnorChen 分享
DAY 14

Day 14 - SASS模塊化設計2

接續上回#SASS模塊化設計 2.導入模塊文件接下來,我們可以使用@import或更現代的@use語法來將不同的樣式文件匯入到主文件中。這樣我們可以在單個文件中...

2024-09-28 ‧ 由 ConnorChen 分享
DAY 15

Day 15 - SASS中的延遲@import功能

#延遲@impot(Lazy Loading)我們在日常開發SASS時,常用@import來將其他文件引入當前的文件之中,雖然這在模塊畫設計中尤為常見,但隨著專...

2024-09-29 ‧ 由 ConnorChen 分享
DAY 16

Day 16 - SASS中的變數作用域與全域變數

#變數作用域與全域變數在SASS中,變數是一個非常強大的功能,讓我們可以在多個地方重複使用相同的值。然而,當專案變得越來越大時,管理這些變數可能變得複雜,這時了...

2024-09-30 ‧ 由 ConnorChen 分享
DAY 17

Day 17 - SASS 中的 @use 和 @forward

#SASS中的@use和@forward今天要來學習的是@use和@forward,這兩個功能可以幫助我們更好地組織和共享樣式。以下,我們將介紹這兩者的用法和它...

2024-10-01 ‧ 由 ConnorChen 分享
DAY 18

Day 18 - SASS中的錯誤處理與除錯功能

#SASS 中的錯誤處理與除錯功能在開發過程中,錯誤處理與除錯功能是至關重要的,特別是在大型專案中,當我們面對複雜的樣式邏輯時,除錯可以幫助我們快速找出問題並修...

2024-10-02 ‧ 由 ConnorChen 分享
DAY 19

Day 19 - SASS中的mixin過濾器和計算功能

#SASS中的mixin過濾器與計算功能在SASS中,mixin提供了一個強大的工具,讓我們能夠創建可以重複使用的樣式邏輯,這使得代碼更加乾淨且容易維護。今天,...

2024-10-03 ‧ 由 ConnorChen 分享
DAY 20

Day 20 - 如何提高SASS代碼的可維護性1

#如何提高SASS代碼的可維護性在開發大型專案時,代碼的可維護性是至關重要的。高可維護性的代碼不僅能提高開發效率,還能讓專案隨著需求的變更保持穩定。以下是幾個提...

2024-10-04 ‧ 由 ConnorChen 分享