溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

js中l(wèi)ess常用的方法小結(jié)

發(fā)布時(shí)間：2020-10-19 15:59:01 來(lái)源：腳本之家 閱讀：146 作者：jingxian 欄目：web開(kāi)發(fā)

1、color 解析顏色 把代表顏色的字符串轉(zhuǎn)換為顏色值

@c:'#000'
.box{
  background:color(@c)
}

2、data-uri 把我們需要使用的素材圖片轉(zhuǎn)化成BASE64編碼 ，項(xiàng)目中尤其是移動(dòng)端的項(xiàng)目，節(jié)省了圖片的加載時(shí)間，是圖片優(yōu)化的一個(gè)手段；LESS對(duì)于大圖片是不能轉(zhuǎn)碼的，我們可以使用BASE64工具轉(zhuǎn)碼（tool.css-js.com）

項(xiàng)目中慎用，當(dāng)你在移動(dòng)端項(xiàng)目中有一些大圖實(shí)在沒(méi)有辦法處理了的情況下在使用BASE64。

@c:'#000'
@url:'../img/banner';
.box{
  background:data-uri('@{url}/banner1.jpg');
}

3、unit（去除單位和添加單位）

@w100:100px
.box{
  width:unit(unit(@w100)-50,px)
}

4、length（長(zhǎng)度） extract（提取）

@color:#000,#fff,#ccc,#eee;
.box{
  z-index:length(@color);
  background:extract(@color,length(@color));
}

5、ceil 、floor、percentage、round、sqrt...mod（取余數(shù) （4,2））min max等數(shù)學(xué)方法

6、saturate（@value，20%）增加飽和度 desaturate（@value，20%）增加飽和度 lighten 增加亮度 darken降低亮度 fadein 增加透明度 fadeout 降低透明度 fade設(shè)置透明度 greyscale 完全移除飽和度變?yōu)榛叶?/p>

以上這篇js中l(wèi)ess常用的方法小結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手