使用CSS預(yù)處理器的優(yōu)缺點(diǎn)有哪些?

什么是CSS預(yù)處理?

用一種專(zhuān)門(mén)的編程語(yǔ)言，為CSS增加了一些編程的特性，將CSS作為目標(biāo)生成文件，然后開(kāi)發(fā)者就只要使用這種語(yǔ)言進(jìn)行編碼工作。通俗的說(shuō)，CSS預(yù)處理器用一種專(zhuān)門(mén)的編程語(yǔ)言，進(jìn)行Web頁(yè)面樣式設(shè)計(jì)，然后再編譯成正常的CSS文件，以供項(xiàng)目使用。

優(yōu)點(diǎn)：

CSS預(yù)處理器為CSS增加一些編程的特性，無(wú)需考慮瀏覽器的兼容性問(wèn)題，例如你可以在CSS中使用變量、簡(jiǎn)單的邏輯程序、函數(shù)等等在編程語(yǔ)言中的一些基本特性，可以讓你的CSS更加簡(jiǎn)潔、適應(yīng)性更強(qiáng)、可讀性更佳，更易于代碼的維護(hù)等諸多好處

缺點(diǎn)：

簡(jiǎn)單來(lái)說(shuō)CSS預(yù)處理器語(yǔ)言較CSS玩法變得更高級(jí)了，但同時(shí)降低了自己對(duì)最終代碼的控制力。更致命的是提高了門(mén)檻，首先是上手門(mén)檻，其次是維護(hù)門(mén)檻，再來(lái)是團(tuán)隊(duì)整體水平和規(guī)范的門(mén)檻。這也造成了初學(xué)學(xué)習(xí)成本的昂貴。

猜你喜歡：

CSS動(dòng)畫(huà)和JS動(dòng)畫(huà)有什么區(qū)別？

CSS3顏色不透明度的設(shè)置方法

如何引入CSS樣式表？

黑馬程序員HTML&JS+前端培訓(xùn)課程