全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

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

更新時(shí)間:2021-04-27 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

什么是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)課程

分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!