我們努力,我們堅(jiān)持,共勉!
眾所周知,css其實(shí)不是一門(mén)編程語(yǔ)言,熟悉的人都知道css全稱Cascading Style Sheets(層疊樣式表)是一種用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言。我們用它來(lái)實(shí)現(xiàn)表現(xiàn)層和結(jié)構(gòu)層的分離,也就是html和樣式的分離。你可以用它為網(wǎng)頁(yè)制定樣式,但是他無(wú)法像JavaScript一樣聲明變量,調(diào)用函數(shù),使用條件語(yǔ)句,可以說(shuō)JavaScript是靈活的,動(dòng)態(tài)的,而css是死板的,一成不變的。
所以,有人想要為其加入編程的思想,讓他擁有遍歷,擁有方法,甚至擁有繼承,能夠告訴你語(yǔ)法上的錯(cuò)誤,所以有了css預(yù)處理,它的思想是先用一門(mén)新的專門(mén)編程的語(yǔ)言來(lái)設(shè)計(jì)網(wǎng)頁(yè)樣式,再編譯成css,其實(shí)最后引用的仍舊是編譯出來(lái)的css。
說(shuō)到css預(yù)處理,可能大部分人首先想到的是Less?,F(xiàn)在做css預(yù)處理的語(yǔ)言比較優(yōu)秀的Less是其一:它快速方便入門(mén)簡(jiǎn)單,sass是其二:相對(duì)來(lái)說(shuō)說(shuō)它更加靈活,語(yǔ)法更多(尤其是if,else,for),當(dāng)然好多人不使用的原因是嫌棄它安裝不方便(還好有淘寶鏡像),其三是Stylus:他與sass比較類似都是更加靈活強(qiáng)大。這里因?yàn)槲冶容^喜愛(ài)Sass并且相信它不會(huì)那么快死去,所以對(duì)sass做一個(gè)簡(jiǎn)單介紹。
想好什么時(shí)候我們可以使用css預(yù)處理
誠(chéng)然,css預(yù)處理讓我們對(duì)樣式的處理更加編程化,但是我們?nèi)孕枰紤]好在怎樣的環(huán)境中使用它,因?yàn)槲覀冎?,無(wú)論你的sass代碼多么炫酷,邏輯多么縝密,到最后都是生成了一個(gè)css文件(老前輩對(duì)年輕的我的教誨)。
所以我們需要根據(jù)項(xiàng)目的大小以及開(kāi)發(fā)時(shí)間團(tuán)隊(duì)成本來(lái)確定,如果項(xiàng)目比較小需要的css并不是太多并且開(kāi)發(fā)時(shí)間緊迫團(tuán)隊(duì)里很多人還不會(huì)使用,那么可能使用原生的css可能會(huì)更好一些。