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常用的方法小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js  # less常用方法  # 使用nodeJs来安装less及编译less文件为css文件的方法  # Vue项目中引入外部文件的方法（css、js、less）  # vuejs如何配置less  # VueJS如何引入css或者less文件的一些坑  # Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境  # 原生JavaScript+LESS实现瀑布流  # 如何在js中引入less的变量  # 饱和度  # 给大家  # 尤其是  # 你在  # 中有  # 希望能  # 没有办法  # 可以使用  # 这篇  # 转换为  # 小编  # 大家多多  # 移除  # 转化成  # 情况下  # 加载  # 大图片  # url  # img  # tool 

相关文章： 网站制作公司,橙子建站是合法的吗？  红河网站制作公司,红河事业单位身份证如何上传？  中山网站推广排名,中山信息港登录入口？  微信小程序 五星评分(包括半颗星评分)实例代码  建站之星备案流程有哪些注意事项？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  内部网站制作流程,如何建立公司内部网站？  想学网站制作怎么学,建立一个网站要花费多少？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  湖北网站制作公司有哪些,湖北清能集团官网？  如何快速启动建站代理加盟业务？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  Android自定义控件实现温度旋转按钮效果  已有域名能否直接搭建网站？  javascript基本数据类型及类型检测常用方法小结  如何快速搭建高效WAP手机网站吸引移动用户？  深圳网站制作案例,网页的相关名词有哪些？  营销式网站制作方案,销售哪个网站招聘效果最好？  网站制作服务平台,有什么网站可以发布本地服务信息？  ,南京靠谱的征婚网站？  如何零基础在云服务器搭建WordPress站点？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  如何在IIS7上新建站点并设置安全权限？  三星网站视频制作教程下载,三星w23网页如何全屏？  非常酷的网站设计制作软件,酷培ai教育官方网站？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何选购建站域名与空间？自助平台全解析  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  制作证书网站有哪些,全国城建培训中心证书查询官网？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  建站之星安装需要哪些步骤及注意事项？  再谈Python中的字符串与字符编码（推荐）  如何在阿里云部署织梦网站？  建站之星如何配置系统实现高效建站？  如何配置支付宝与微信支付功能？  山东云建站价格为何差异显著？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  建站168自助建站系统：快速模板定制与SEO优化指南  如何选择美橙互联多站合一建站方案？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何用腾讯建站主机快速创建免费网站？  如何在IIS管理器中快速创建并配置网站？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  制作表格网站有哪些,线上表格怎么弄？  网站制作新手教程,新手建设一个网站需要注意些什么？  如何挑选高效建站主机与优质域名？  青浦网站制作公司有哪些,苹果官网发货地是哪里？