源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js中less常用的方法小结

  • 时间:2021-03-18 11:23 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js中less常用的方法小结
[b]1、[/b]color 解析颜色 把代表颜色的字符串转换为颜色值
@c:'#000'
.box{
  background:color(@c)
}
[b]2、[/b]data-uri 把我们需要使用的素材图片转化成BASE64编码 ,项目中尤其是移动端的项目,节省了图片的加载时间,是图片优化的一个手段;LESS对于大图片是不能转码的,我们可以使用BASE64工具转码(tool.css-js.com) 项目中慎用,当你在移动端项目中有一些大图实在没有办法处理了的情况下在使用BASE64。
@c:'#000'
@url:'../img/banner';
.box{
  background:data-uri('@{url}/banner1.jpg');
}
[b]3、[/b]unit(去除单位和添加单位)
@w100:100px
.box{
  width:unit(unit(@w100)-50,px)
}
[b]4、[/b]length(长度) extract(提取)
@color:#000,#fff,#ccc,#eee;
.box{
  z-index:length(@color);
  background:extract(@color,length(@color));
}
[b]5、[/b]ceil 、floor、percentage、round、sqrt...mod(取余数 (4,2))min max等数学方法 [b]6、[/b]saturate(@value,20%)增加饱和度 desaturate(@value,20%)增加饱和度 lighten 增加亮度 darken降低亮度 fadein 增加透明度 fadeout 降低透明度 fade设置透明度 greyscale 完全移除饱和度变为灰度 以上这篇js中less常用的方法小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部