1.常見的CSS前處理器有哪些？
[!NOTE]
css前處理器：用一種專門的編程語言，為CSS增加了一些編程的特性，將CSS作為目標生成檔案，然后開發者就只要使用這種語言進行編碼作業，可以讓你的CSS更加簡潔、適應性更強、可讀性更佳，更易于代碼的維護等諸多好處
- Sass(Scss)：2007,ruby撰寫
- Less: 2009，js編譯
1.1 使用流程？
- 基于CSS的另外一種語言
- 通過工具編譯成CSS
- 添加了很多CSS不具備的特性
- 同時CSS檔案的組織方式
1.2 前處理器的作用有哪些？
- 幫助開發者更好組織CSS代碼（變數，mixIn）
- 提高代碼的復用性
- 代碼的可維護性增強
2.Less/Sass前處理器的功能？
- 嵌套： 反映層級和約束
- 變數和計算： 減少重復代碼
- Extend和mixIn： 代碼片段的抽離
- 回圈: 適用于復雜有規律的樣式
- import：可以實作CSS檔案的模塊化
3.CSS前處理器的優缺點？
- 優點： 提高代碼的復用率和可維護性
- 缺點： 引入了編譯的程序，有一定的學習成本
前端工程化：預處理不再是唯一的手段了，可以使用工程化構建工具進行處理
4.scss和less的區別？
- 編譯環境不一樣
- 變數符不一樣，Less是@，而Scss是$，而且變數的作用域也不一樣，
- 輸出設定，Less沒有輸出設定，Sass提供4種輸出選項：
- Sass支持條件陳述句，可以使用if{}else{},for{}回圈等等，而Less不支持，
- 參考外部CSS檔案
- 工具庫不同
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/100477.html
標籤：Html/Css