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 

相关文章： 深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  独立制作一个网站多少钱,建立网站需要花多少钱？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  微课制作网站有哪些,微课网怎么进？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  高端智能建站公司优选：品牌定制与SEO优化一站式服务  南宁网站建设制作定制,南宁网站建设可以定制吗？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何在万网主机上快速搭建网站？  建站之星CMS五站合一模板配置与SEO优化指南  广平建站公司哪家专业可靠？如何选择？  如何在Windows环境下新建FTP站点并设置权限？  建站之星代理费用多少？最新价格详情介绍  家具网站制作软件,家具厂怎么跑业务？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  定制建站如何定义？其核心优势是什么？  ,怎么用自己头像做动态表情包？  香港服务器租用费用高吗？如何避免常见误区？  建站主机选择指南：服务器配置与SEO优化实战技巧  如何在阿里云高效完成企业建站全流程？  建站之星安装后界面空白如何解决？  ppt制作免费网站有哪些,ppt模板免费下载网站？  如何选择域名并搭建高效网站？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  建站之星logo尺寸如何设置最合适？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何选择服务器才能高效搭建专属网站？  如何通过商城自助建站源码实现零基础高效建站？  太平洋网站制作公司,网络用语太平洋是什么意思？  宁波免费建站如何选择可靠模板与平台？  建站主机服务器选购指南：轻量应用与VPS配置解析  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  如何在建站主机中优化服务器配置？  再谈Python中的字符串与字符编码（推荐）  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何选择高效可靠的多用户建站源码资源？  建站之星备案流程有哪些注意事项？  建站VPS能否同时实现高效与安全翻墙？  建站之星后台密码遗忘或太弱？如何重置与强化？  代刷网站制作软件,别人代刷火车票靠谱吗？  实例解析angularjs的filter过滤器  如何将凡科建站内容保存为本地文件？  javascript中的try catch异常捕获机制用法分析  定制建站方案优化指南：企业官网开发与建站费用解析  XML的“混合内容”是什么 怎么用DTD或XSD定义  PHP正则匹配日期和时间(时间戳转换)的实例代码  盐城做公司网站,江苏电子版退休证办理流程？