Less中无法执行JavaScript表达式，random()是其内置伪随机函数，返回0到n-1整数，仅限编译期使用；需用循环配合生成差异化动画，运行时随机应交由JS处理。

Less里不能直接执行JavaScript表达式

Less编译器在构建时运行，不接触浏览器环境，Math.random()这类JS函数根本不可用。所有“动态值”必须在编译期确定，所谓“随机”只能是编译时伪随机——比如用random()函数（Less内置）或基于变量/循环生成不同值。

random()函数的用法和限制

Less提供random(n)，返回0到n-1之间的整数（含0，不含n），每次调用都生成新值——但仅限于同一编译过程内；重复编译可能得到相同序列（取决于Less版本与缓存），并非真随机。

• 必须传入整数，random(10)有效，random(0.5)报错
• 不能用于计算小数精度值，如要生成0.1–0.9之间的延迟，得写成 (random(9) + 1) * 0.1s
• 在@keyframes中多次调用random()，会得到不同结果，适合制造差异化动画参数

random(100)

用循环+random()批量生成多个动画类

单纯一个@keyframes不够用？需要.animate-float-1、.animate-float-2……带不同持续时间/延迟？就得靠.each()或传统for循环（Less 4.0+支持each()）。

java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

• Less 4.0+ 推荐用 each(1px 2px 3px, @val) { ... } 配合random()做组合
• 旧版Less可用递归mixin模拟循环，但random()在每次递归调用中仍独立求值
• 注意：循环生成的每个@keyframes名称必须唯一，否则被覆盖——建议拼接random(1000)或索引

random(100)

真正需要JS运行时随机？那就别在Less里硬搞

如果动画参数必须每次页面加载都不同（比如每个用户看到的飘动节奏都不一样），Less完全不合适。此时应放弃CSS预编译注入，改用JS动态生成或操作element.style.animation。

• Less生成的是静态CSS文件，无法感知window.onload或用户交互
• 试图用@plugin引入JS逻辑极其脆弱，且现代Less已弃用插件机制
• 更务实的做法：Less只定义动画骨架（如@keyframes base-float），JS用Math.random()设置animation-duration等内联样式

复杂点在于：CSS自定义属性（--anim-delay）可以被JS写入，再被Less/CSS引用，但这属于CSS变量协作，不是Less执行JS。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南