關(guān)于Sass和Less牽扯的問(wèn)題

fnngj 發(fā)布于2019-08-01 18:24 / 846人閱讀

摘要：作為一門(mén)標(biāo)記語(yǔ)言，更重要的作用是作為信息的呈現(xiàn)載體，注重信息的呈現(xiàn)形式。而中出現(xiàn)了很多的新特性，但總體還是更偏重于信息的呈現(xiàn)方式，而不是對(duì)信息本身的處理。暫完如有不足和不對(duì)的地方，希望各位看客大牛指點(diǎn)迷津，感謝。

關(guān)于Sass和Less牽扯的問(wèn)題

關(guān)于Sass和Less

Sass和Less都算是一種編程語(yǔ)言（后面會(huì)詳談此處牽扯出來(lái)的編程語(yǔ)言），都是CSS預(yù)處理器，都具有相同的功能，可以幫助我們快速編譯CSS代碼，

細(xì)一點(diǎn)來(lái)說(shuō)：Sass是一種動(dòng)態(tài)樣式語(yǔ)言，Sass語(yǔ)法的縮排語(yǔ)法，比CSS比多出很多功能，如變量，嵌套，運(yùn)算，繼承，顏色處理，函數(shù)等，易于閱讀。
Sass是基于ruby運(yùn)行的（就好比HTML文件是基于瀏覽器運(yùn)行的），Sass是在服務(wù)器端處理的，而Less是基于JavaScript，所以，Less是在客戶端處理的。這就是Sass和Less的實(shí)現(xiàn)區(qū)別。

所以很多開(kāi)發(fā)者不選擇Less，可能就是因?yàn)镴avaScript引擎需要額外的時(shí)間來(lái)處理代碼。（我亂猜的）

但Less和Sass在語(yǔ)法上有些共性，比如下面這些：

● 混入(Mixins)——class中的class；● 參數(shù)混入——可以傳遞參數(shù)的class，就像函數(shù)一樣；
● 嵌套規(guī)則——Class中嵌套class，從而減少重復(fù)的代碼；
●  運(yùn)算——CSS中加入數(shù)學(xué)運(yùn)算；
●  顏色功能——可以編輯顏色；
●  名字空間(namespace)——分組樣式，從而可以被調(diào)用；
●  作用域——局部修改樣式；
●  JavaScript 賦值——在CSS中使用JavaScript表達(dá)式賦值

關(guān)于HTML和CSS

我們所說(shuō)的CSS和HTML算不算編程語(yǔ)言呢？答案是No,即HTML和CSS都不是一種編程語(yǔ)言（HTML我在講Markdown的那篇文章里也提到過(guò)）,HTML(超文本標(biāo)記語(yǔ)言)是結(jié)構(gòu)化文檔,就算是數(shù)據(jù)結(jié)構(gòu)的一種（變體）吧,CSS(層疊樣式表)就是渲染引擎的怎么運(yùn)作的配置文件,只能算是一種數(shù)據(jù)。

其實(shí)判定它們是不是編程語(yǔ)言的界限，是看它們具備不具備圖靈完備（下面會(huì)細(xì)說(shuō)圖靈完備）。解釋圖靈完備之前，我們?cè)賮?lái)解釋一個(gè)小問(wèn)題：我們經(jīng)常提到的HTML5（H5）又是什么呢？

1.簡(jiǎn)單的說(shuō)：HTML5是html+CSS3+js api的一種規(guī)范
2.詳細(xì)的說(shuō)：在狹義上HTML5也是不具備圖靈完備，所以不算編程語(yǔ)言，它包含的是HTML等基礎(chǔ)標(biāo)記。
而在廣義上，HTML5感覺(jué)更像一個(gè)平臺(tái)，而不是一種語(yǔ)言。有人也把 CSS3 劃歸到HTML5里面，更具劃時(shí)代意義的是HTML5 提供了很多 js 的api，通過(guò) js 調(diào)用這些api可以做到很多完備編程語(yǔ)言的事情。

那我們把HTML5怎么稱呼合適呢？其實(shí)HTML5叫做一種代碼規(guī)范標(biāo)準(zhǔn)更合適。HTML作為一門(mén)標(biāo)記語(yǔ)言，更重要的作用是作為信息的呈現(xiàn)載體，注重信息的呈現(xiàn)形式。而HTML5中出現(xiàn)了很多的新特性，但總體還是更偏重于信息的呈現(xiàn)方式，而不是對(duì)信息本身的處理。

圖靈完備

好了，我們現(xiàn)在回過(guò)來(lái)說(shuō)圖靈完備（Turing completeness），

圖靈完備性是針對(duì)一套數(shù)據(jù)操作規(guī)則而言的概念。數(shù)據(jù)操作規(guī)則可以是一門(mén)編程語(yǔ)言，也可以是計(jì)算機(jī)里具體實(shí)現(xiàn)了的指令集。當(dāng)這套操作規(guī)則可以實(shí)現(xiàn)圖靈機(jī)模型里的全部功能時(shí)，就稱它具有圖靈完備性。

所以計(jì)算機(jī)編程語(yǔ)言都是圖靈完備的。說(shuō)的再直白一點(diǎn)，就是一門(mén)編程語(yǔ)言里是有邏輯判斷（例如if，elseif判斷），循環(huán)(例如for循環(huán))和函數(shù)，要有代碼的復(fù)用性。 CSS和HTML都不具備這些吧，

這就是為什么HTML和CSS不是編程語(yǔ)言，而Sass和Less算一門(mén)編程語(yǔ)言。當(dāng)然，對(duì)于部分開(kāi)發(fā)人員來(lái)說(shuō)，究竟誰(shuí)是不是編程語(yǔ)言可能無(wú)關(guān)緊要，只要會(huì)運(yùn)用它們就行，嘿嘿~。（暫完）

如有不足和不對(duì)的地方，希望各位看客大牛指點(diǎn)迷津，感謝。

云服務(wù)器 GPU云服務(wù)器關(guān)于購(gòu)買云主機(jī)和主機(jī)托管的常見(jiàn)問(wèn)題關(guān)于購(gòu)買云服務(wù)器和服務(wù)器托管的常見(jiàn)問(wèn)題關(guān)于javascript的問(wèn)題關(guān)于php的問(wèn)題