預 & 後處理器

像是 Sass 和 Less 的預處理器 (Pre-processors) 在 CSS 2.0 時代是先驅者。這套語言看起來幾乎停滯不前的時候,它們以編譯變數 (variable) 與巢狀風格 (nesting) 等新功能的手續增添風味。

十幾年之後,CSS 自身總算追趕上來,只不過預處理器在各種前端包裝裡仍是支柱,因此地位穩固(雖然 CSS-in-JS 尋求改變情勢,這稍後繼續談)。

而後處理器 (Post-processor) 的部分,PostCSS 順利地以改善 CSS 工作流程的補充工具角色,為自己開創一塊利基。

知道、有興趣與滿意度比例的排名。 請注意這三個百分比項目各自對應同個時間點。

有注意到 (所有回應 - 沒聽過)/所有回應
有興趣 有興趣/(有興趣 + 沒興趣)
滿意度 會再次用/(會再次用 + 不願意用)

「全體」這一欄顯示每一項技術的整體使用情況(也就是答題者選取了「會再使用」或「不會再使用」), 而接下來的幾欄是依照「資歷年數」分組的使用比例。

比較亮的粉紅色背景,代表該分組比全體平均比例還要高。

資歷年數
全體
<1
1~2
2~5
5~10
10~20
>20
Sass
79.73%
55.07%
75.97%
85.01%
89.36%
88.74%
84.24%
Less
47.03%
13.22%
24.45%
44.7%
62.33%
68.05%
69.41%
PostCSS
33.54%
11.45%
22.26%
34.22%
44.76%
46.18%
42.35%
Stylus
14.22%
4.41%
8.25%
15.33%
18.42%
18.44%
20.47%
與全體使用情況的差距:
-20%-10%0+10%+20%

「全體」這欄顯示每一項技術的整體使用情況(也就是答題者選取了「會再使用」或「不會再使用」), 而接下來的幾欄是依照「年收入」分組的使用比例。

比較亮的粉紅色背景,代表該分組比全體平均比例還要高。

薪資範圍
全體
0
0~10k
10~30k
30~50k
50~100k
100~200k
>200k
Sass
83.28%
64.54%
78.21%
83.75%
87.76%
89.99%
91.52%
87.22%
Less
52.72%
30.77%
32.38%
49.72%
56.39%
60%
70.64%
69.17%
PostCSS
38.89%
23.08%
25.12%
34.59%
40.91%
43.01%
51.37%
54.14%
Stylus
16.67%
11.07%
13.1%
15.53%
16.81%
16.67%
21.7%
21.8%
與全體使用情況的差距:
-20%-10%0+10%+20%

Sass

完成答題百分比 99.3% (11238)
完成答題百分比 99.3% (11238)
百分比%數量Σ
我之前使用過,而且願意再次使用77.11%
我之前使用過,但是不願意再次使用8.45%
我有聽說過,也有想要學習7.85%
我有聽說過,但是沒有興趣5.54%
從來沒有聽過0.36%

Sass makes CSS fun!

Less

完成答題百分比 99.27% (11234)
完成答題百分比 99.27% (11234)
百分比%數量Σ
我之前使用過,而且願意再次使用25.46%
我之前使用過,但是不願意再次使用29.56%
我有聽說過,也有想要學習11.05%
我有聽說過,但是沒有興趣31.84%
從來沒有聽過1.37%

Less. The dynamic stylesheet language.

PostCSS

完成答題百分比 99.32% (11240)
完成答題百分比 99.32% (11240)
百分比%數量Σ
我之前使用過,而且願意再次使用35.96%
我之前使用過,但是不願意再次使用3.5%
我有聽說過,也有想要學習23.6%
我有聽說過,但是沒有興趣19.78%
從來沒有聽過16.48%

Transforming styles with JS plugins

Stylus

完成答題百分比 99.24% (11231)
完成答題百分比 99.24% (11231)
百分比%數量Σ
我之前使用過,而且願意再次使用7.79%
我之前使用過,但是不願意再次使用8.66%
我有聽說過,也有想要學習13.6%
我有聽說過,但是沒有興趣41.64%
從來沒有聽過27.55%

Expressive, robust, feature-rich CSS language built for nodejs

Learn Sass Fundamentals

Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications while keeping the styles readable and maintainable.
感謝贊助我們的合作夥伴! 深入詳情。