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 

相关文章： 如何在宝塔面板中修改默认建站目录？  网站制作难吗安全吗,做一个网站需要多久时间？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  如何用PHP快速搭建CMS系统？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  如何快速生成凡客建站的专业级图册？  如何通过FTP服务器快速搭建网站？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何在IIS7上新建站点并设置安全权限？  建站主机选哪种环境更利于SEO优化？  建站主机选购指南：核心配置与性价比推荐解析  如何在云主机上快速搭建多站点网站？  制作表格网站有哪些,线上表格怎么弄？  建站VPS推荐：2025年高性能服务器配置指南  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何在IIS中新建站点并解决端口绑定冲突？  营销式网站制作方案,销售哪个网站招聘效果最好？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  如何打造高效商业网站？建站目的决定转化率  如何获取上海专业网站定制建站电话？  如何快速搭建支持数据库操作的智能建站平台？  湖北网站制作公司有哪些,湖北清能集团官网？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  建站之星如何实现网站加密操作？  微信小程序 五星评分(包括半颗星评分)实例代码  建站之星如何实现PC+手机+微信网站五合一建站？  网站制作说明怎么写,简述网页设计的流程并说明原因？  建站DNS解析失败？如何正确配置域名服务器？  如何在建站宝盒中设置产品搜索功能？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  济南网站建设制作公司,室内设计网站一般都有哪些功能？  已有域名和空间如何搭建网站？  开心动漫网站制作软件下载,十分开心动画为何停播？  制作宣传网站的软件,小红书可以宣传网站吗？  手机网站制作与建设方案,手机网站如何建设？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  清除minerd进程的简单方法  制作网站的模板软件,网站怎么建设？  ,网页ppt怎么弄成自己的ppt？  建站之星代理商如何保障技术支持与售后服务？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  建站之星如何通过成品分离优化网站效率？