js中l(wèi)ess常用的方法小結(jié)
更新時間：2017年08月09日 08:16:56 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中l(wèi)ess常用的方法小結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、color 解析顏色 把代表顏色的字符串轉(zhuǎn)換為顏色值
@c:'#000'
.box{
background:color(@c)
}
2、data-uri 把我們需要使用的素材圖片轉(zhuǎn)化成BASE64編碼 ，項目中尤其是移動端的項目，節(jié)省了圖片的加載時間，是圖片優(yōu)化的一個手段；LESS對于大圖片是不能轉(zhuǎn)碼的，我們可以使用BASE64工具轉(zhuǎn)碼（tool.css-js.com）
項目中慎用，當(dāng)你在移動端項目中有一些大圖實在沒有辦法處理了的情況下在使用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（長度） extract（提?。?/p>
@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é)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript Canvas繪制圓形時鐘效果的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
JavaScript打印網(wǎng)頁指定區(qū)域的例子
這篇文章主要介紹了JavaScript打印網(wǎng)頁指定區(qū)域的例子,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細介紹了js圖片放大鏡效果的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要為大家介紹了JavaScript?BOM對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
JS/jQuery判斷DOM節(jié)點是否存在的簡單方法
下面性價比就為大家?guī)硪黄狫S/jQuery判斷DOM節(jié)點是否存在的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起 小編過來看看吧2016-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標(biāo)跟隨運動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了JS實現(xiàn)li標(biāo)簽的刪除，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了淺談JavaScript中的string擁有方法的原因,需要的朋友可以參考下2015-08-08
js中apply()和call()的區(qū)別與用法實例分析
這篇文章主要介紹了js中apply()和call()的區(qū)別與用法,結(jié)合實例形式分析了apply()和call()的功能、區(qū)別、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08
Iphone手機、安卓手機瀏覽器控制默認縮放大小的方法總結(jié)（附代碼）
這篇文章主要介紹了Iphone手機、安卓手機瀏覽器控制默認縮放大小的方法，通過meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認縮放，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08