在開發(fā)環(huán)境中,使用scss或less代替css值得嗎

代碼更干凈，優(yōu)美；功能更多更強，CSS做出JS的特效（其實就是JS）；總而言之，LESS/SASS就是CSS里面的jQuery，簡化，減少開發(fā)時間，提升開發(fā)者開發(fā)體驗。

目前創(chuàng)新互聯(lián)已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、秀嶼網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

A、SASS2007年誕生，最早也是最成熟的CSS預(yù)處理器，擁有ruby社區(qū)的支持和compass這一最強大的css框架，目前受LESS影響，已經(jīng)進化到了全面兼容CSS的SCSS。

對于使用Sass還是LESS這樣的問題，其實就跟Sass VS LESS是一樣的。我說說我為什么選擇Sass而沒有選擇LESS。

前端開發(fā)用less或者sass的情況如下：項目足夠大，起碼幾十張頁面，有公共的UI組件，組件或者頁面上有相似的拼裝屬性的方法(可以寫成mixin)，組件或者樣式拼裝上存在繼承關(guān)系，或者有theme的需求。

目前場景是接到的項目中沒有統(tǒng)一樣式處理，例如不同模塊，有的使用了 sass ，有的使用了less。

less樣式如何使用cssmodule

1、LESS 在服務(wù)器端的使用主要是借助于 LESS 的編譯器，將 LESS 源文件編譯生成最終的 CSS 文件，目前常用的方式是利用 node 的包管理器 (npm) 安裝 LESS，安裝成功后就可以在 node 環(huán)境中對 LESS 源文件進行編譯。

2、在 React 中，默認是開啟 CSS Module 的。但是對于樣式表文件的命名一個約束。需要以 .module.less/css/sass 結(jié)尾 隨意我們就可以這樣改造一下 Header 組件，來使用 CSS Module 的功能。

3、具體如下：先在hbuilder里面新建一個web項目，如圖所示，我新建了一個叫l(wèi)ess的項目。新建web項目操作步驟如圖所示。如圖，然后我們在web項目下的css文件夾上單擊鼠標右鍵，然后“新建”。

4、由于一般的腳手架都默認集成了 CSS Modules，比如 React guan 方的腳手架：create-react-app，已經(jīng)將 CSS Modules 集成進來了，我們可以直接使用。

Sass/Scss和Less之間的區(qū)別是什么

1、編譯環(huán)境不一樣 Sass的安裝需要Ruby環(huán)境，是在服務(wù)端處理的，而Less是需要引入less.js來處理Less 代碼輸出css到瀏覽器，也可以在開發(fā)環(huán)節(jié)使用Less，然后編譯成css文件，直接放到 項目中。

2、sass和less主要區(qū)別在于實現(xiàn)方式： less是基于JavaScript的在客戶端處理 所以安裝的時候用npm，sass是基于ruby所以在服務(wù)器處理。

3、)；`。 算術(shù)運算：Sass和Less都支持算術(shù)運算，如加減 乘除。但是在語法和操作符使用上略有差異。 嵌套規(guī)則：Sass和Less都支持嵌套定義CSS規(guī)則，但是語法略有不同。Sass使用縮進來表示嵌套，而Less使用大括號。

4、C、PostCSS插件和喜歡的預(yù)處理器(Sass、Stylus或LESS)之一結(jié)合在一起使用。D、在常規(guī)的預(yù)處理器通過使用混合宏或函數(shù)特性像程序一樣處理代碼，達到類似的結(jié)果。

網(wǎng)站欄目：css或less樣式 設(shè)置了css樣式但不顯示
瀏覽路徑：http://aaarwkj.com/article19/dggjjdh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、動態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名、標簽優(yōu)化、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)