首页 > 代码库 > js学习总结----less常用的方法
js学习总结----less常用的方法
1、color 解析颜色 把代表颜色的字符串转换为颜色值
@c:‘#000‘ .box{ background:color(@c) }
2、data-uri 把我们需要使用的素材图片转化成BASE64编码 ,项目中尤其是移动端的项目,节省了图片的加载时间,是图片优化的一个手段;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(提取)
@color:#000,#fff,#ccc,#eee; .box{ z-index:length(@color); background:extract(@color,length(@color)); }
5、ceil 、floor、percentage、round、sqrt...mod(取余数 (4,2))min max等数学方法
6、saturate(@value,20%)增加饱和度 desaturate(@value,20%)增加饱和度 lighten 增加亮度 darken降低亮度 fadein 增加透明度 fadeout 降低透明度 fade设置透明度 greyscale 完全移除饱和度变为灰度
js学习总结----less常用的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。