js中l(wèi)ess常用的方法小結
更新時間：2017年08月09日 08:16:56 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中l(wèi)ess常用的方法小結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、color 解析顏色 把代表顏色的字符串轉換為顏色值
@c:'#000'
.box{
background:color(@c)
}
2、data-uri 把我們需要使用的素材圖片轉化成BASE64編碼 ，項目中尤其是移動端的項目，節(jié)省了圖片的加載時間，是圖片優(yōu)化的一個手段；LESS對于大圖片是不能轉碼的，我們可以使用BASE64工具轉碼（tool.css-js.com）
項目中慎用，當你在移動端項目中有一些大圖實在沒有辦法處理了的情況下在使用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ù)學方法
6、saturate（@value，20%）增加飽和度 desaturate（@value，20%）增加飽和度 lighten 增加亮度 darken降低亮度 fadein 增加透明度 fadeout 降低透明度 fade設置透明度 greyscale 完全移除飽和度變?yōu)榛叶?/p>
以上這篇js中l(wèi)ess常用的方法小結就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了JavaScript Canvas繪制圓形時鐘效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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)鼠標跟隨運動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了JS實現(xiàn)li標簽的刪除，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了淺談JavaScript中的string擁有方法的原因,需要的朋友可以參考下2015-08-08
js中apply()和call()的區(qū)別與用法實例分析
這篇文章主要介紹了js中apply()和call()的區(qū)別與用法,結合實例形式分析了apply()和call()的功能、區(qū)別、使用方法及相關操作注意事項,需要的朋友可以參考下2018-08-08
Iphone手機、安卓手機瀏覽器控制默認縮放大小的方法總結（附代碼）
這篇文章主要介紹了Iphone手機、安卓手機瀏覽器控制默認縮放大小的方法，通過meta標簽中添加屬性代碼展示控制瀏覽器的默認縮放，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08