js中l(wèi)ess常用的方法小結(jié)
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í)在沒有辦法處理了的情況下在使用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)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript Canvas繪制圓形時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制圓形時(shí)鐘效果的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04JavaScript打印網(wǎng)頁指定區(qū)域的例子
這篇文章主要介紹了JavaScript打印網(wǎng)頁指定區(qū)域的例子,需要的朋友可以參考下2014-05-05JS/jQuery判斷DOM節(jié)點(diǎn)是否存在的簡(jiǎn)單方法
下面性價(jià)比就為大家?guī)硪黄狫S/jQuery判斷DOM節(jié)點(diǎn)是否存在的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起 小編過來看看吧2016-11-11js實(shí)現(xiàn)鼠標(biāo)跟隨運(yùn)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)跟隨運(yùn)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09js中apply()和call()的區(qū)別與用法實(shí)例分析
這篇文章主要介紹了js中apply()和call()的區(qū)別與用法,結(jié)合實(shí)例形式分析了apply()和call()的功能、區(qū)別、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法總結(jié)(附代碼)
這篇文章主要介紹了Iphone手機(jī)、安卓手機(jī)瀏覽器控制默認(rèn)縮放大小的方法,通過meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08