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 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  动图在线制作网站有哪些,滑动动图图集怎么做？  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  javascript中的try catch异常捕获机制用法分析  Laravel如何配置和使用缓存？（Redis代码示例）  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  Laravel如何实现用户注册和登录？（Auth脚手架指南）  PHP正则匹配日期和时间(时间戳转换)的实例代码  bing浏览器学术搜索入口_bing学术文献检索地址  Laravel用户密码怎么加密_Laravel Hash门面使用教程  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何有效防御Web建站篡改攻击？  LinuxShell函数封装方法_脚本复用设计思路【教程】  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  深圳网站制作培训,深圳哪些招聘网站比较好？  原生JS实现图片轮播切换效果  手机软键盘弹出时影响布局的解决方法  iOS发送验证码倒计时应用  Laravel模型事件有哪些_Laravel Model Event生命周期详解  nodejs redis 发布订阅机制封装实现方法及实例代码  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  如何快速生成可下载的建站源码工具？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  如何在自有机房高效搭建专业网站？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  大同网页,大同瑞慈医院官网？  EditPlus中的正则表达式 实战(2)  如何挑选高效建站主机与优质域名？  PHP 500报错的快速解决方法  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  如何用y主机助手快速搭建网站？  如何用搬瓦工VPS快速搭建个人网站？  免费视频制作网站,更新又快又好的免费电影网站？  JS碰撞运动实现方法详解  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  简单实现jsp分页  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】